Phase 5.4-5.11: Playwright E2E test infrastructure with 7 spec files

- 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)
2026-07-23 22:35:03 +02:00
parent 7a034b3124
commit 42b19040ce
11 changed files with 1256 additions and 2 deletions
@@ -0,0 +1,72 @@
+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 });
+    }
+  });
+});