add e2e

Author: joshunrau

.gitignore

@@ -72,3 +72,7 @@ storybook-static
 
 # claude
 .claude/settings.local.json
+
+# playwright
+testing/e2e/.output/
+testing/e2e/playwright/.cache/

pnpm-lock.yaml

@@ -0,0 +1,16 @@
+{
+  "name": "@opendatacapture/test",
+  "type": "module",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "lint": "tsc && eslint --fix .",
+    "test": "env-cmd -f ../../.env playwright test",
+    "test:dev": "playwright test --ui"
+  },
+  "dependencies": {
+    "@douglasneuroinformatics/libjs": "catalog:",
+    "@opendatacapture/schemas": "workspace:*",
+    "@playwright/test": "^1.51.1"
+  }
+}

testing/e2e/package.json

@@ -0,0 +1,67 @@
+import * as path from 'node:path';
+
+import { parseNumber } from '@douglasneuroinformatics/libjs';
+import { defineConfig, devices } from '@playwright/test';
+
+const API_PORT = parseNumber(process.env.API_DEV_SERVER_PORT);
+const WEB_PORT = parseNumber(process.env.WEB_DEV_SERVER_PORT);
+
+export default defineConfig({
+  fullyParallel: true,
+  outputDir: path.resolve(import.meta.dirname, '.output/results'),
+  projects: [
+    {
+      name: 'Global Setup',
+      teardown: 'Global Teardown',
+      testMatch: '**/global/global.setup.spec.ts'
+    },
+    {
+      name: 'Global Teardown',
+      testMatch: '**/global/global.teardown.spec.ts'
+    },
+    {
+      dependencies: ['Global Setup'],
+      name: 'Desktop Chrome',
+      testIgnore: '**/global/**',
+      use: { ...devices['Desktop Chrome'] }
+    },
+    {
+      dependencies: ['Global Setup'],
+      name: 'Desktop Firefox',
+      testIgnore: '**/global/**',
+      use: { ...devices['Desktop Firefox'] }
+    },
+    {
+      dependencies: ['Global Setup'],
+      name: 'Desktop Safari',
+      testIgnore: '**/global/**',
+      use: { ...devices['Desktop Safari'] }
+    }
+  ],
+  reporter: [['html', { open: 'never', outputFolder: path.resolve(import.meta.dirname, '.output/report') }]],
+  testDir: path.resolve(import.meta.dirname, 'src'),
+  use: {
+    baseURL: `http://localhost:${WEB_PORT}`,
+    trace: 'on-first-retry'
+  },
+  webServer: [
+    {
+      command: 'pnpm dev:test',
+      cwd: path.resolve(import.meta.dirname, '../../apps/api'),
+      gracefulShutdown: {
+        signal: 'SIGINT',
+        timeout: 1000
+      },
+      url: `http://localhost:${API_PORT}`
+    },
+    {
+      command: 'pnpm dev:test',
+      cwd: path.resolve(import.meta.dirname, '../../apps/web'),
+      gracefulShutdown: {
+        signal: 'SIGINT',
+        timeout: 1000
+      },
+      url: `http://localhost:${WEB_PORT}`
+    }
+  ]
+});

testing/e2e/playwright.config.ts

@@ -0,0 +1,4 @@
+{
+  "extends": ["../../tsconfig.base.json"],
+  "include": ["src/**/*", "playwright.config.ts"]
+}