playwright.config.ts

import { defineConfig, devices } from "@playwright/test";
import { resolve, dirname } from "node:path";
import { fileURLToPath } from "node:url";

const __dirname = dirname(fileURLToPath(import.meta.url));
const cli = resolve(__dirname, "packages/catmint-cli/bin/catmint.js");

/**
 * Playwright configuration for Catmint E2E tests.
 *
 * Three projects correspond to the three app modes (fullstack, backend, frontend).
 * Each project starts its own dev server from the corresponding fixture directory.
 *
 * Run all:     pnpm playwright test
 * Run one:     pnpm playwright test --project=fullstack
 */
export default defineConfig({
  testDir: "./tests/e2e",
  timeout: 30_000,
  retries: process.env.CI ? 2 : 0,
  workers: 1, // Serial execution — tests share dev servers
  reporter: process.env.CI ? "github" : "list",

  use: {
    headless: true,
    screenshot: "only-on-failure",
    trace: "on-first-retry",
  },

  webServer: [
    {
      command: `node ${cli} dev`,
      cwd: "./tests/fixtures/fullstack-app",
      port: 6468,
      reuseExistingServer: !process.env.CI,
    },
    {
      command: `node ${cli} dev`,
      cwd: "./tests/fixtures/backend-app",
      port: 3001,
      reuseExistingServer: !process.env.CI,
    },
    {
      command: `node ${cli} dev`,
      cwd: "./tests/fixtures/frontend-app",
      port: 3002,
      reuseExistingServer: !process.env.CI,
    },
  ],

  projects: [
    {
      name: "fullstack",
      testMatch: [
        "navigation.test.ts",
        "forms.test.ts",
        "ssr.test.ts",
        "dev-server.test.ts",
        "modes.test.ts",
        "page-params.test.ts",
        "request-context.test.ts",
      ],
      use: {
        ...devices["Desktop Chrome"],
        baseURL: "http://localhost:6468",
      },
    },
    {
      name: "backend",
      testMatch: ["modes.test.ts"],
      use: {
        ...devices["Desktop Chrome"],
        baseURL: "http://localhost:3001",
      },
    },
    {
      name: "frontend",
      testMatch: ["modes.test.ts"],
      use: {
        ...devices["Desktop Chrome"],
        baseURL: "http://localhost:3002",
      },
    },
  ],
});