playwright.config.js

import { devices } from '@playwright/test';
import { testConfig } from './server.configs.js';

const { hostname, port } = testConfig;
const TEST_HOST = `http://${hostname}:${port}`;

process.env.TEST_HOST = TEST_HOST;

/**
 * @see https://playwright.dev/docs/test-configuration
 * @type {import('@playwright/test').PlaywrightTestConfig}
 */
const config = {
 // Setup / Teardown
 globalSetup: './test/config/playwright.setup.js',
 globalTeardown: './test/config/playwright.teardown.js',

 // Test Execution
 expect: {
 timeout: 5000,
 },
 retries: process.env.CI ? 2 : 0, // Retry on CI only
 testDir: './test/e2e',
 timeout: 30 * 1000,
 workers: process.env.CI ? 1 : undefined, // No parallel tests on CI
 forbidOnly: !!process.env.CI, // Fail on CI if test.only in source

 // Output
 outputDir: './_playwright-results/', // screenshots, videos, traces, etc.
 reporter: [
 [
 'html',
 {
 open: 'never',
 outputFolder: '_playwright-report',
 },
 ],
 ],
 snapshotDir: './test/e2e/__snapshots__',

 // Config - Shared
 // See https://playwright.dev/docs/api/class-testoptions
 use: {
 actionTimeout: 0,
 baseURL: TEST_HOST, // Allow relative page.goto() (e.g. `await page.goto('/')`).
 trace: 'on-first-retry',
 },

 // Projects
 projects: [
 {
 name: 'chromium',
 use: { ...devices['Desktop Chrome'] },
 },
 {
 name: 'firefox',
 use: { ...devices['Desktop Firefox'] },
 },
 {
 name: 'webkit',
 use: { ...devices['Desktop Safari'] },
 },
 // {
 // name: 'Mobile Safari',
 // use: { ...devices['iPhone 12'] }
 // },
 ],
};

export default config;