baef924cfd
- Replace __dirname with import.meta.url pattern for ES modules compatibility - Add fileURLToPath imports to all E2E test files - Fix duplicate require statements in setup-verification.spec.ts - Update playwright.config.ts to use relative path instead of __dirname This fixes the 'ReferenceError: __dirname is not defined in ES module scope' error when running Playwright tests in the ES modules environment.
113 lines
2.4 KiB
TypeScript
113 lines
2.4 KiB
TypeScript
import { defineConfig, devices } from '@playwright/test';
|
|
import path from 'path';
|
|
|
|
/**
|
|
* Playwright configuration for mockupAWS E2E testing
|
|
* @see https://playwright.dev/docs/test-configuration
|
|
*/
|
|
export default defineConfig({
|
|
// Test directory
|
|
testDir: './e2e',
|
|
|
|
// Run tests in files in parallel
|
|
fullyParallel: true,
|
|
|
|
// Fail the build on CI if you accidentally left test.only in the source code
|
|
forbidOnly: !!process.env.CI,
|
|
|
|
// Retry on CI only
|
|
retries: process.env.CI ? 2 : 0,
|
|
|
|
// Opt out of parallel tests on CI for stability
|
|
workers: process.env.CI ? 1 : undefined,
|
|
|
|
// Reporter to use
|
|
reporter: [
|
|
['html', { outputFolder: 'e2e-report' }],
|
|
['list'],
|
|
['junit', { outputFile: 'e2e-report/results.xml' }],
|
|
],
|
|
|
|
// Shared settings for all the projects below
|
|
use: {
|
|
// Base URL to use in actions like `await page.goto('/')`
|
|
baseURL: 'http://localhost:5173',
|
|
|
|
// Collect trace when retrying the failed test
|
|
trace: 'on-first-retry',
|
|
|
|
// Capture screenshot on failure
|
|
screenshot: 'only-on-failure',
|
|
|
|
// Record video for debugging
|
|
video: 'on-first-retry',
|
|
|
|
// Action timeout
|
|
actionTimeout: 15000,
|
|
|
|
// Navigation timeout
|
|
navigationTimeout: 30000,
|
|
|
|
// Viewport size
|
|
viewport: { width: 1280, height: 720 },
|
|
},
|
|
|
|
// Configure projects for major browsers
|
|
projects: [
|
|
{
|
|
name: 'chromium',
|
|
use: { ...devices['Desktop Chrome'] },
|
|
},
|
|
|
|
{
|
|
name: 'firefox',
|
|
use: { ...devices['Desktop Firefox'] },
|
|
},
|
|
|
|
{
|
|
name: 'webkit',
|
|
use: { ...devices['Desktop Safari'] },
|
|
},
|
|
|
|
// Mobile viewports
|
|
{
|
|
name: 'Mobile Chrome',
|
|
use: { ...devices['Pixel 5'] },
|
|
},
|
|
|
|
{
|
|
name: 'Mobile Safari',
|
|
use: { ...devices['iPhone 12'] },
|
|
},
|
|
|
|
// Tablet viewport
|
|
{
|
|
name: 'Tablet',
|
|
use: { ...devices['iPad Pro 11'] },
|
|
},
|
|
],
|
|
|
|
// Run local dev server before starting the tests
|
|
webServer: {
|
|
command: 'npm run dev',
|
|
url: 'http://localhost:5173',
|
|
reuseExistingServer: !process.env.CI,
|
|
timeout: 120 * 1000,
|
|
},
|
|
|
|
// Output directory for test artifacts
|
|
outputDir: 'e2e-results',
|
|
|
|
// Timeout for each test
|
|
timeout: 60000,
|
|
|
|
// Expect timeout for assertions
|
|
expect: {
|
|
timeout: 10000,
|
|
},
|
|
|
|
// Global setup and teardown
|
|
globalSetup: require.resolve('./e2e/global-setup.ts'),
|
|
globalTeardown: require.resolve('./e2e/global-teardown.ts'),
|
|
});
|