playwright.config.ts

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

export default defineConfig({
  testDir: "./tests/e2e",
  fullyParallel: true,
  forbidOnly: !!process.env.CI,
  retries: process.env.CI ? 2 : 0,
  workers: process.env.CI ? 1 : undefined,
  reporter: "html",
  use: {
    baseURL: "http://localhost:3000",
    trace: "on-first-retry",
    screenshot: "only-on-failure",
    video: "retain-on-failure",
    viewport: { width: 1280, height: 720 }, // MacBook Pro 13", playright default
    actionTimeout: 15000,
    navigationTimeout: 15000,
    launchOptions: {
      slowMo: 100,
    },
  },

  projects: [
    {
      name: "chromium-1080p",
      use: {
        ...devices["Desktop Chrome"],
        viewport: { width: 1920, height: 1080 }, // 1080p
      },
    },
    {
      name: "chromium-1440p",
      use: {
        ...devices["Desktop Chrome"],
        viewport: { width: 2560, height: 1440 }, // 2K
      },
    },
  ],

  webServer: {
    command: "pnpm run dev",
    url: "http://localhost:3000",
    reuseExistingServer: !process.env.CI,
  },

  expect: {
    toHaveScreenshot: {
      maxDiffPixels: 50,
      threshold: 0.1,
      animations: "disabled",
    },
  },
})