playwright.config.ts

import { defineConfig, devices } from '@playwright/test';

const DEV = (process.env.NODE_ENV ?? 'production') === 'development';

/**
 * See https://playwright.dev/docs/test-configuration.
 */
export default defineConfig({
	testDir: './src/e2e',
	snapshotDir: `./${DEV ? 'tmp' : 'src'}/e2e/snapshots`,
	testMatch: ['**/*.e2e.ts', '**/*.spec.ts'],
	fullyParallel: true,
	forbidOnly: !!process.env.CI,
	workers: process.env.CI ? 1 : undefined,
	expect: {
		toHaveScreenshot: {
			animations: 'disabled',
			caret: 'hide'
		}
	},
	webServer: {
		command: 'npm run prepare && npm run dev',
		url: 'http://localhost:5173',
		reuseExistingServer: DEV,
		timeout: 120 * 1000
	},
	use: {
		testIdAttribute: 'data-tid',
		baseURL: 'http://localhost:5173',
		trace: 'on',
		...(DEV && { headless: false })
	},
	projects: [
		{
			name: 'chromium',
			use: { ...devices['Desktop Chrome'] }
		}
	]
});