playwright.config.ts

/// <reference types="node" />

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

export default defineConfig({
  testMatch: /.*\.e2e\./,
  retries: process.env.CI ? 2 : 0,
  workers: process.env.CI ? 1 : undefined,
  reporter: process.env.CI ? "github" : "list",
  use: {
    baseURL: "http://127.0.0.1:3000",
    trace: "retain-on-failure",
  },
  webServer: {
    command: "pnpm exec vite dev --host 127.0.0.1 --port 3000",
    url: "http://127.0.0.1:3000",
    reuseExistingServer: !process.env.CI,
    timeout: 120_000,
  },
  // The two layouts are structurally different, not just narrower: the rail
  // becomes a sticky scrolling column, the chart swaps viewBoxes, and hover
  // stops existing. Both need exercising.
  projects: [
    {
      name: "desktop",
      use: { ...devices["Desktop Chrome"] },
    },
    {
      name: "mobile",
      use: { ...devices["Pixel 7"] },
    },
  ],
});