Agent Zero
42b19040ce
- playwright.config.ts: chromium project, webServer, baseURL, trace/screenshot/video - e2e/helpers.ts: API mock setup, login/logout helpers, mock data for all entities - 7 E2E spec files (1164 lines total): - auth.spec.ts: login/logout workflow - contact-crud.spec.ts: create/edit/delete contacts, add persons - search.spec.ts: global search, filter, results - plugin-toggle.spec.ts: enable/disable plugins, UI changes - mail.spec.ts: mail account setup, folders, mail viewing - dms.spec.ts: folder creation, file upload, preview, share - calendar.spec.ts: appointment creation, calendar switch, kanban view - @playwright/test added as devDependency - e2e scripts added to package.json - TSC: 0 new errors (only pre-existing Dms.tsx)
73 lines
2.9 KiB
TypeScript
73 lines
2.9 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import { setupApiMocks, login, navigateTo } from './helpers';
|
|
|
|
test.describe('Global Search E2E', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await setupApiMocks(page);
|
|
await login(page);
|
|
});
|
|
|
|
test('search page renders with input and submit button', async ({ page }) => {
|
|
await navigateTo(page, '/search');
|
|
|
|
await expect(page.locator('[data-testid="global-search-page"]')).toBeVisible({ timeout: 10_000 });
|
|
await expect(page.locator('[data-testid="search-input"]')).toBeVisible();
|
|
await expect(page.locator('[data-testid="search-submit-btn"]')).toBeVisible();
|
|
});
|
|
|
|
test('search for contact name shows results', async ({ page }) => {
|
|
await navigateTo(page, '/search');
|
|
|
|
await expect(page.locator('[data-testid="global-search-page"]')).toBeVisible({ timeout: 10_000 });
|
|
|
|
// Type search query
|
|
await page.locator('[data-testid="search-input"]').fill('TechCorp');
|
|
await page.locator('[data-testid="search-submit-btn"]').click();
|
|
|
|
// Wait for results
|
|
await expect(page.locator('[data-testid="search-results-list"], [data-testid="search-results-all"]')).toBeVisible({ timeout: 10_000 });
|
|
|
|
// Should show at least one result
|
|
const resultItem = page.locator('[data-testid^="search-result-"]').first();
|
|
await expect(resultItem).toBeVisible({ timeout: 10_000 });
|
|
});
|
|
|
|
test('search results are grouped by type tabs', async ({ page }) => {
|
|
await navigateTo(page, '/search');
|
|
|
|
await expect(page.locator('[data-testid="global-search-page"]')).toBeVisible({ timeout: 10_000 });
|
|
|
|
await page.locator('[data-testid="search-input"]').fill('TechCorp');
|
|
await page.locator('[data-testid="search-submit-btn"]').click();
|
|
|
|
// Tabs should be visible
|
|
await expect(page.locator('[data-testid="search-tabs"]')).toBeVisible({ timeout: 10_000 });
|
|
});
|
|
|
|
test('search with empty query shows all results', async ({ page }) => {
|
|
await navigateTo(page, '/search');
|
|
|
|
await expect(page.locator('[data-testid="global-search-page"]')).toBeVisible({ timeout: 10_000 });
|
|
|
|
// Submit without typing
|
|
await page.locator('[data-testid="search-submit-btn"]').click();
|
|
|
|
// Should show results or empty state
|
|
await expect(page.locator('[data-testid="search-results-list"], [data-testid="search-results-all"], [data-testid="search-query-display"]')).toBeVisible({ timeout: 10_000 });
|
|
});
|
|
|
|
test('search dropdown in topbar works', async ({ page }) => {
|
|
// The topbar has a search dropdown
|
|
await expect(page.locator('[data-testid="topbar"]')).toBeVisible();
|
|
|
|
const searchDropdown = page.locator('[data-testid="search-dropdown"]');
|
|
if (await searchDropdown.isVisible()) {
|
|
// Type in search
|
|
await searchDropdown.locator('input').fill('test');
|
|
|
|
// Wait for results dropdown
|
|
await expect(page.locator('[data-testid="search-results"]')).toBeVisible({ timeout: 10_000 });
|
|
}
|
|
});
|
|
});
|