Files
metabuilder/playwright.config.ts
rmac 01de695619 Set up database seeding architecture and E2E testing infrastructure
- Add CLAUDE.md: AI assistant instructions for MetaBuilder project architecture
- Add TESTING.md: Comprehensive E2E testing guide and troubleshooting

Core changes:
- Create Playwright global.setup.ts to seed database before E2E tests
- Add /api/setup endpoint to trigger database seeding via HTTP
- Implement seed-home-page.ts module loaded from ui_home package metadata
- Create ui_home/seed/metadata.json defining home page PageConfig seed data

Architecture established:
- Packages define seed data in seed/metadata.json
- Seed functions are idempotent (check before creating)
- Global setup calls /api/setup before running tests
- Database schema must be created via 'npm run db:push' before seeding

Test flow:
1. Playwright starts webServer (generates Prisma client, starts Next.js)
2. Global setup waits for server, calls POST /api/setup
3. Seeding creates default data from packages
4. E2E tests run against seeded database

This establishes proper separation of concerns:
- DBAL adapter for database access (not raw Prisma)
- Package-driven seed data (not hardcoded in code)
- HTTP endpoint for explicit database initialization
- Idempotent seeds (safe to rerun)

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-01-14 18:15:46 +00:00

67 lines
1.8 KiB
TypeScript

import { defineConfig, devices } from '@playwright/test';
/**
* Root Playwright configuration for E2E tests
* See https://playwright.dev/docs/test-configuration
*/
export default defineConfig({
// Global setup to seed database before tests
globalSetup: require.resolve('./e2e/global.setup.ts'),
// Only look for test files in the e2e directory
testDir: './e2e',
// Only match files that end with .spec.ts (excludes .test.ts which are unit tests)
testMatch: '**/*.spec.ts',
// 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
workers: process.env.CI ? 1 : undefined,
// Reporter to use
reporter: 'html',
// Shared settings for all the projects below
use: {
// Base URL to use in actions like `await page.goto('/')`
baseURL: 'http://localhost:3000',
// Collect trace when retrying the failed test
trace: 'on-first-retry',
// Take screenshot on failure
screenshot: 'only-on-failure',
},
// Configure projects for major browsers
projects: [
{
name: 'chromium',
use: { ...devices['Desktop Chrome'] },
},
],
// Run your local dev server before starting the tests
webServer: {
// Generate Prisma client and start dev server
// Note: Database schema must be manually pushed via: npm run db:push (from frontends/nextjs)
command: 'npm --prefix frontends/nextjs run db:generate && npm --prefix frontends/nextjs run dev',
url: 'http://localhost:3000/api/health',
reuseExistingServer: !process.env.CI,
timeout: 300 * 1000,
stdout: 'pipe',
stderr: 'pipe',
env: {
DATABASE_URL: 'file:../../prisma/prisma/dev.db',
},
},
});