playwright.config.ts

import type { PlaywrightTestConfig } from "@playwright/test";
import { devices } from "@playwright/test";

const URL = "http://localhost:3000/docs";

const config: PlaywrightTestConfig = {
  testDir: "./tests",
  timeout: 30 * 1000,
  expect: {
    timeout: 5000,
  },
  fullyParallel: true,
  forbidOnly: !!process.env.CI,
  retries: 0,
  workers: process.env.CI ? 1 : undefined,
  reporter: "list",
  webServer: process.env.CI
    ? undefined
    : {
        command: "yarn dev",
        url: URL,
        timeout: 120 * 1000,
        reuseExistingServer: !process.env.CI,
      },
  use: process.env.CI
    ? undefined
    : {
        actionTimeout: 0,
        trace: "on-first-retry",
        baseURL: URL,
        viewport: { width: 1280, height: 7000 },
      },
  projects: [
    {
      name: "chromium",
      use: {
        channel: "chrome",
      },
      testMatch: [/single-browser/, /all-browsers/, /api-tests/],
    },
    {
      name: "webkit",
      use: {
        ...devices["Desktop Safari"],
      },
      testMatch: /all-browsers/,
    },
    {
      name: "Mobile Chrome",
      use: {
        ...devices["Pixel 5"],
      },
      testMatch: /all-browsers/,
    },
    {
      name: "Mobile Safari",
      use: {
        ...devices["iPhone 13 Pro"],
      },
      testMatch: /all-browsers/,
    },
  ],
};

export default config;