playwright.config.ts

import path from 'path'

// requiring to prevent next prod build to fail because this file also gets scanned
const {devices} = require('@playwright/test')
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://0.0.0.0:${PORT}`

// Reference: https://playwright.dev/docs/test-configuration
/** @type {import('@playwright/test').PlaywrightTestConfig} */
const config = {
    // Concise 'dot' for CI, default 'list' when running locally
    reporter: 'list',
    // Timeout per test
    timeout: 15 * 1000,
    // Test directory
    testDir: path.join(__dirname, 'test/e2e'),
    // If a test fails, retry it additional 2 times
    retries: 0,
    // Artifacts folder where screenshots, videos, and traces are stored.
    outputDir: path.join(__dirname, 'test-results'),

    // 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: process.env.CI ? 'pnpm start' : 'pnpm dev',
        url: baseURL,
        timeout: 60 * 1000,
        reuseExistingServer: !process.env.CI,
    },

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

        screenshot: 'only-on-failure',
        video: 'retain-on-failure',

        // 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'],
            },
        },
        {
            name: 'Mobile Chrome',
            use: {
                ...devices['Pixel 5'],
            },
        },
        // disable since it requires extra stuff to get working
        // // was black screen for some reason. prob ok to just do 1 mobile device.
        // {
        //     name: 'Mobile Safari',
        //     use: devices['iPhone 12'],
        // },
    ],
}
export default config