auto-claude: subtask-1-2 - Create Playwright configuration file with Chromium

- Add playwright.config.ts with Chromium-only setup for Lighthouse - Configure three test projects: chromium, mobile-chrome, and tablet - Enable remote debugging ports (9222-9224) for Lighthouse integration - Set up web server to auto-start Next.js dev server - Add tests/e2e directory with setup verification test Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-25 00:04:09 +01:00
parent 6b85351eeb
commit 08f878c153
2 changed files with 110 additions and 0 deletions
@@ -0,0 +1,97 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * Playwright configuration for E2E and performance testing.
+ *
+ * This configuration is optimized for:
+ * - Chromium-only testing (required for Lighthouse integration)
+ * - Performance audits with playwright-lighthouse
+ * - Testing Next.js application across all locales (de, en, sr)
+ *
+ * @see https://playwright.dev/docs/test-configuration
+ */
+
+export default defineConfig({
+  // Test directory
+  testDir: './tests/e2e',
+
+  // Run tests in files in parallel
+  fullyParallel: true,
+
+  // Fail the build on CI if you accidentally left test.only in the source code
+  forbidOnly: !!process.env.CI,
+
+  // Retry on CI only
+  retries: process.env.CI ? 2 : 0,
+
+  // Opt out of parallel tests on CI
+  workers: process.env.CI ? 1 : undefined,
+
+  // Reporter to use
+  reporter: [
+    ['html', { open: 'never' }],
+    ['list'],
+  ],
+
+  // Shared settings for all projects
+  use: {
+    // Base URL to use in actions like `await page.goto('/')`
+    baseURL: 'http://localhost:3000',
+
+    // Collect trace when retrying the failed test
+    trace: 'on-first-retry',
+
+    // Take screenshot on failure
+    screenshot: 'only-on-failure',
+  },
+
+  // Configure projects - Chromium only for Lighthouse compatibility
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+        // Launch options for Lighthouse
+        launchOptions: {
+          args: ['--remote-debugging-port=9222'],
+        },
+      },
+    },
+    // Mobile Chrome for responsive testing
+    {
+      name: 'mobile-chrome',
+      use: {
+        ...devices['Pixel 5'],
+        launchOptions: {
+          args: ['--remote-debugging-port=9223'],
+        },
+      },
+    },
+    // Tablet viewport for responsive testing
+    {
+      name: 'tablet',
+      use: {
+        viewport: { width: 768, height: 1024 },
+        launchOptions: {
+          args: ['--remote-debugging-port=9224'],
+        },
+      },
+    },
+  ],
+
+  // Configure web server to start before tests
+  webServer: {
+    command: 'npm run dev',
+    url: 'http://localhost:3000',
+    reuseExistingServer: !process.env.CI,
+    timeout: 120000,
+  },
+
+  // Global timeout for each test
+  timeout: 60000,
+
+  // Expect timeout
+  expect: {
+    timeout: 10000,
+  },
+});