- Installed Playwright and Storybook packages - Created playwright.config.ts with viewport matrix and browser configurations - Installed Playwright chromium browser - Created e2e/viewport-matrix.spec.ts for viewport matrix testing - Created e2e/horizontal-overflow.spec.ts for horizontal overflow testing - Added test scripts to package.json (test:e2e, test:e2e:ui, test:e2e:viewport, test:e2e:overflow) - Updated LAUNCH_READY_UI_UX_ROADMAP.md checklist with testing infrastructure status
48 lines
1.0 KiB
TypeScript
48 lines
1.0 KiB
TypeScript
import { defineConfig, devices } from '@playwright/test';
|
|
|
|
export default defineConfig({
|
|
testDir: './e2e',
|
|
fullyParallel: true,
|
|
forbidOnly: !!process.env.CI,
|
|
retries: process.env.CI ? 2 : 0,
|
|
workers: process.env.CI ? 1 : undefined,
|
|
reporter: 'html',
|
|
use: {
|
|
baseURL: 'http://localhost:3050',
|
|
trace: 'on-first-retry',
|
|
screenshot: 'only-on-failure',
|
|
},
|
|
projects: [
|
|
{
|
|
name: 'chromium',
|
|
use: { ...devices['Desktop Chrome'] },
|
|
},
|
|
{
|
|
name: 'firefox',
|
|
use: { ...devices['Desktop Firefox'] },
|
|
},
|
|
{
|
|
name: 'webkit',
|
|
use: { ...devices['Desktop Safari'] },
|
|
},
|
|
{
|
|
name: 'Mobile Chrome',
|
|
use: { ...devices['Pixel 5'] },
|
|
},
|
|
{
|
|
name: 'Mobile Safari',
|
|
use: { ...devices['iPhone 12'] },
|
|
},
|
|
{
|
|
name: 'Desktop Chrome HiDPI',
|
|
use: { ...devices['Desktop Chrome HiDPI'] },
|
|
},
|
|
],
|
|
webServer: {
|
|
command: 'npm run dev -- -p 3050',
|
|
url: 'http://localhost:3050',
|
|
reuseExistingServer: !process.env.CI,
|
|
timeout: 120000,
|
|
},
|
|
});
|