playwright.dev.config.ts

import { defineConfig } from "@playwright/test";
import base from "./playwright.config";

/**
 * Runs the Service Detail tab regression against the Turbopack development server
 * (`next dev`), the runtime in which the original failure was observed. The main
 * config serves a production build; dev mode compiles routes on demand, so the
 * navigation budget and timeouts are wider here.
 *
 * Usage: `npm run e2e:dev`. Do not run it while another `next dev` uses `.next/dev`.
 */
const PORT = process.env.PORT ? Number(process.env.PORT) : 3200;
// Next 16 blocks cross-origin requests to dev resources (HMR, chunks) by default,
// so the browser must use the same host the dev server binds: localhost.
const baseURL = process.env.PLAYWRIGHT_BASE_URL ?? `http://localhost:${PORT}`;

process.env.E2E_NAV_BUDGET_MS ??= "45000";

export default defineConfig({
  ...base,
  testMatch: /service-tabs\.spec\.ts/,
  timeout: 240_000,
  expect: {
    ...base.expect,
    timeout: 45_000,
  },
  use: {
    ...base.use,
    baseURL,
  },
  projects: (base.projects ?? []).filter((project) => project.name === "desktop"),
  webServer: {
    command: `npm run dev -- --port ${PORT}`,
    url: baseURL,
    reuseExistingServer: false,
    timeout: 180_000,
  },
});