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

export default defineConfig({
  testDir: "./tests/e2e",
  timeout: 30_000,
  use: {
    baseURL: "http://127.0.0.1:5173",
    trace: "on-first-retry"
  },
  webServer: [
    {
      command: "WATERMAPS_LIVE_FAIRWAYS=false npm run dev --workspace @watermaps/api",
      url: "http://127.0.0.1:5174/health",
      reuseExistingServer: true,
      timeout: 30_000
    },
    {
      command: "npm run dev --workspace @watermaps/web",
      url: "http://127.0.0.1:5173",
      reuseExistingServer: true,
      timeout: 30_000
    }
  ],
  projects: [
    {
      name: "iphone",
      testIgnore: /desktop-layout\.spec\.ts/,
      use: { ...devices["iPhone 15"] }
    },
    {
      name: "desktop",
      testMatch: /desktop-layout\.spec\.ts/,
      use: {
        ...devices["Desktop Safari"],
        viewport: { width: 1440, height: 900 }
      }
    }
  ]
});