Files
goodgo-platform/playwright.config.ts
Ho Ngoc Hai 8a15df0bdb feat(a11y): add axe-core Playwright scorecard for 10 key routes
- Installs @axe-core/playwright at workspace root
- Creates e2e/a11y/scorecard.spec.ts scanning /, /search, /listings/[id],
  /listings/create, /login, /register, /dashboard, /agent/[id],
  /inquiries, /admin/moderation
- API mock layer lets pages render with stubbed JSON so axe sees real DOM
- Critical/serious violations fail the build; moderate/minor are recorded only
- Writes per-route JSON reports to e2e/a11y/reports/ (committed for before/after diffing in PRs)
- Adds dedicated "a11y" Playwright project in playwright.config.ts
- Pre-existing API unit test failures are unrelated to this change

Co-Authored-By: Paperclip <noreply@paperclip.ing>
2026-04-24 10:41:42 +07:00

118 lines
3.4 KiB
TypeScript

import path from 'node:path';
import { defineConfig, devices } from '@playwright/test';
import { config } from 'dotenv';
// Load .env.test so webServer processes and tests use the test database
if (!process.env.CI) {
config({ path: path.resolve(__dirname, '.env.test'), override: true });
}
// Server ports — configurable via env to avoid conflicts with dev containers.
// Defaults match .env.test (3011/3010); GitHub Actions uses 3001/3000.
const API_PORT = process.env.API_PORT ?? '3001';
const WEB_PORT = process.env.WEB_PORT ?? '3000';
/**
* Playwright E2E configuration for Goodgo Platform.
*
* Projects:
* - "api" — tests against the NestJS API (port 3011 local CI / 3001 GH Actions)
* - "web" — tests against the Next.js frontend (port 3010 local CI / 3000 GH Actions)
*
* Database isolation:
* - globalSetup runs migrations + seed on the test DB
* - globalTeardown cleans up test-generated data after all tests
*/
export default defineConfig({
testDir: './e2e',
globalSetup: './e2e/global-setup.ts',
globalTeardown: './e2e/global-teardown.ts',
fullyParallel: true,
forbidOnly: !!process.env.CI,
retries: process.env.CI ? 2 : 0,
workers: process.env.CI ? 1 : undefined,
reporter: process.env.CI
? [['html', { open: 'never' }], ['github']]
: [['html', { open: 'on-failure' }]],
use: {
trace: 'on-first-retry',
screenshot: 'only-on-failure',
},
projects: [
// API E2E tests — no browser needed, uses APIRequestContext
{
name: 'api',
testDir: './e2e/api',
use: {
baseURL: process.env.API_BASE_URL ?? `http://localhost:${API_PORT}/api/v1/`,
},
},
// Web E2E tests — Chromium browser
{
name: 'web',
testDir: './e2e/web',
use: {
...devices['Desktop Chrome'],
baseURL: process.env.WEB_BASE_URL ?? `http://localhost:${WEB_PORT}`,
},
},
// Smoke projects — subsets of api/web tagged @smoke for post-deploy checks
{
name: 'smoke-api',
testDir: './e2e/api',
grep: /@smoke/,
use: {
baseURL: process.env.API_BASE_URL ?? `http://localhost:${API_PORT}/api/v1/`,
},
},
{
name: 'smoke-web',
testDir: './e2e/web',
grep: /@smoke/,
use: {
...devices['Desktop Chrome'],
baseURL: process.env.WEB_BASE_URL ?? `http://localhost:${WEB_PORT}`,
},
},
// Accessibility scorecard — axe-core audit of 10 key routes
{
name: 'a11y',
testDir: './e2e/a11y',
use: {
...devices['Desktop Chrome'],
baseURL: process.env.WEB_BASE_URL ?? `http://localhost:${WEB_PORT}`,
},
},
],
webServer: [
{
command: `PORT=${API_PORT} pnpm --filter @goodgo/api run dev`,
url: `http://localhost:${API_PORT}/api/v1/docs`,
reuseExistingServer: !process.env.CI,
timeout: 60_000,
env: {
...process.env as Record<string, string>,
NODE_ENV: 'test',
PORT: API_PORT,
DATABASE_URL: process.env.DATABASE_URL ?? '',
},
},
{
command: `pnpm exec next dev --port ${WEB_PORT}`,
cwd: './apps/web',
url: `http://localhost:${WEB_PORT}`,
reuseExistingServer: !process.env.CI,
timeout: 30_000,
env: {
...process.env as Record<string, string>,
PORT: WEB_PORT,
NODE_ENV: 'test',
NEXT_PUBLIC_API_URL: `http://localhost:${API_PORT}/api/v1`,
},
},
],
});