playwright-ct.config.ts

import {execSync} from 'child_process'
import path from 'path'
import {defineConfig, devices} from '@playwright/experimental-ct-react'

// I am sorry
const __dirname = execSync('git rev-parse --show-toplevel').toString().trim()

export default defineConfig({
	testDir: './tests/ct/',
	snapshotDir: './tests/ct/__snapshots__',
	snapshotPathTemplate: '{testDir}/__snapshots__/{testFilePath}/{arg}{ext}',
	timeout: 10 * 1000,
	fullyParallel: true,
	forbidOnly: !!process.env.CI,
	retries: process.env.CI ? 2 : 0,
	workers: process.env.CI ? 1 : undefined,
	reporter: 'html',
	use: {
		trace: process.env.CI ? 'on-first-retry' : 'on',
		timezoneId: 'America/New_York',
		ctPort: 3100,
		ctTemplateDir: 'tests/ct/template',
		ctViteConfig: {
			publicDir: path.resolve(__dirname, 'client/public/'),
			resolve: {
				alias: {
					client: path.resolve(__dirname, 'client/src'),
					server: path.resolve(__dirname, 'server'),
					common: path.resolve(__dirname, 'common'),
					types: path.resolve(__dirname, 'client/src/types'),
					sagas: path.resolve(__dirname, 'client/src/sagas'),
					components: path.resolve(__dirname, 'client/src/components'),
					logic: path.resolve(__dirname, 'client/src/logic'),
					store: path.resolve(__dirname, 'client/src/store'),
					socket: path.resolve(__dirname, 'client/src/socket'),
				},
			},
		},
	},
	/* Configure projects for major browsers */
	projects: [
		{
			name: 'firefox',
			use: {...devices['Desktop Firefox']},
		},
	],
})