playwright.config.ts

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

// Use process.env.PORT by default and fallback to port 3000
const PORT = process.env.PORT || 3000;

// Set webServer.url and use.baseURL with the location of the WebServer respecting the correct set port
const baseURL = `http://localhost:${PORT}`;

// Reference: https://playwright.dev/docs/test-configuration
const config: PlaywrightTestConfig = {
    fullyParallel: true,
    // Timeout per test
    timeout: 15 * 1000,
    // Test directory
    testDir: "test/e2e",
    // If a test fails, retry it additional 2 times
    retries: 1,
    // Artifacts folder where screenshots, videos, and traces are stored.
    outputDir: "test/e2e/artifacts",

    // Run your local dev server before starting the tests:
    // https://playwright.dev/docs/test-advanced#launching-a-development-web-server-during-the-tests
    webServer: {
        command: "pnpm dev",
        url: baseURL,
        timeout: 120 * 1000,
        reuseExistingServer: true,
    },

    use: {
        headless: true,
        // Use baseURL so to make navigations relative.
        // More information: https://playwright.dev/docs/api/class-testoptions#test-options-base-url
        baseURL,

        // Retry a test if its failing with enabled tracing. This allows you to analyse the DOM, console logs, network traffic etc.
        // More information: https://playwright.dev/docs/trace-viewer
        trace: "retry-with-trace",

        // All available context options: https://playwright.dev/docs/api/class-browser#browser-new-context
        // contextOptions: {
        //   ignoreHTTPSErrors: true,
        // },
    },

    projects: [
        {
            name: "Desktop Chrome",
            use: {
                ...devices["Desktop Chrome"],
            },
        },
    ],
};
export default config;