playwright.config.ts

import { defineConfig, devices } from "@playwright/test";

export default defineConfig({
  testDir: "e2e",
  testMatch: "e2e/*.e2e.ts",
  outputDir: ".playwright",
  fullyParallel: true,
  forbidOnly: !!process.env.CI,
  retries: process.env.CI ? 1 : 0,
  workers: process.env.CI ? 1 : undefined,
  webServer: !process.env.BASE_URL
    ? {
        command: process.env.CI ? "pnpm start:e2e" : "pnpm dev",
        url: "http://localhost:3000",
        reuseExistingServer: !process.env.CI,
        stdout: "pipe",
        stderr: "pipe"
      }
    : undefined,
  use: {
    baseURL: process.env.BASE_URL ?? "http://localhost:3000",
    trace: "on-first-retry",
    screenshot: "only-on-failure",
    viewport: { width: 1920, height: 1080 }
  },
  reporter: [
    ["html", { open: "never", outputFolder: "reports/e2e" }],
    ["junit", { outputFile: "junit.e2e.xml" }]
  ],
  projects: [
    {
      name: "chromium",
      use: { ...devices["Desktop Chrome"] }
    },
    {
      name: "firefox",
      use: { ...devices["Desktop Firefox"] }
    },
    {
      name: "webkit",
      use: { ...devices["Desktop Safari"] }
    },
    {
      name: "iphone-15",
      use: { ...devices["iPhone 15"] }
    },
    {
      name: "a11y",
      testMatch: "e2e/a11y.ts",
      use: { ...devices["Desktop Chrome"], screenshot: "on" }
    },
    {
      name: "a11y-dark",
      testMatch: "e2e/a11y.ts",
      use: { ...devices["Desktop Chrome"], screenshot: "on", colorScheme: "dark" }
    },
    {
      name: "a11y-mobile",
      testMatch: "e2e/a11y.ts",
      use: { ...devices["iPhone 15"], screenshot: "on", colorScheme: "dark" }
    },
    {
      name: "lighthouse",
      testMatch: "e2e/lighthouse.ts",
      use: {
        screenshot: "off"
      }
    }
  ]
});