feat(test): add multi-device E2E testing support

Add Playwright device emulation for iOS, Android, and Tablet testing:
- Desktop Chrome and Edge browsers
- iPhone 14 (iOS mobile)
- Pixel 7 (Android mobile)
- iPad (gen 7) (Tablet)

New test scripts:
- test:e2e:desktop - Desktop browsers only
- test:e2e:mobile - All mobile/tablet devices
- test:e2e:ios - iPhone 14 + iPad
- test:e2e:android - Pixel 7 only

Configuration:
- Sequential execution (workers: 1)
- Screenshot on failure
- Video retained on failure
- List reporter for device-prefixed output

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: KevenWMarkham

package.json

@@ -23,6 +23,10 @@
     "test:e2e": "playwright test",
     "test:e2e:ui": "playwright test --ui",
     "test:e2e:headed": "playwright test --headed",
+    "test:e2e:desktop": "playwright test --project=\"Desktop Chrome\" --project=\"Desktop Edge\"",
+    "test:e2e:mobile": "playwright test --project=\"iPhone 14\" --project=\"Pixel 7\" --project=\"iPad\"",
+    "test:e2e:ios": "playwright test --project=\"iPhone 14\" --project=\"iPad\"",
+    "test:e2e:android": "playwright test --project=\"Pixel 7\"",
     "db:generate": "drizzle-kit generate",
     "db:migrate": "drizzle-kit migrate",
     "db:push": "drizzle-kit push",

playwright.config.ts

@@ -2,23 +2,41 @@ import { defineConfig, devices } from '@playwright/test'
 
 export default defineConfig({
   testDir: './tests/e2e',
-  fullyParallel: true,
+  fullyParallel: false,
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
-  workers: process.env.CI ? 1 : undefined,
-  reporter: 'html',
+  workers: 1,
+  reporter: [['html', { open: 'never' }], ['list']],
   use: {
     baseURL: 'http://localhost:5173',
     trace: 'on-first-retry',
+    screenshot: 'only-on-failure',
+    video: 'retain-on-failure',
   },
   projects: [
     {
-      name: 'chromium',
+      name: 'Desktop Chrome',
       use: { ...devices['Desktop Chrome'] },
     },
+    {
+      name: 'Desktop Edge',
+      use: { ...devices['Desktop Edge'] },
+    },
+    {
+      name: 'iPhone 14',
+      use: { ...devices['iPhone 14'] },
+    },
+    {
+      name: 'Pixel 7',
+      use: { ...devices['Pixel 7'] },
+    },
+    {
+      name: 'iPad',
+      use: { ...devices['iPad (gen 7)'] },
+    },
   ],
   webServer: {
-    command: 'npm run dev',
+    command: 'pnpm dev',
     url: 'http://localhost:5173',
     reuseExistingServer: !process.env.CI,
   },