ci: configure Playwright to use preview server in CI and build step in workflow

Author: chrisjm

.github/workflows/playwright.yml

@@ -15,6 +15,8 @@ jobs:
           node-version: lts/*
       - name: Install dependencies
         run: npm ci
+      - name: Build app
+        run: npm run build
       - name: Install Playwright Browsers
         run: npx playwright install --with-deps
       - name: Run unit and E2E tests

playwright.config.ts

@@ -60,7 +60,9 @@ export default defineConfig({
   ],
 
   webServer: {
-    command: 'npm run dev',
+    command: process.env.CI
+      ? 'npm run preview -- --port=5173'
+      : 'npm run dev',
     url: 'http://localhost:5173',
     timeout: 120 * 1000,
     reuseExistingServer: !process.env.CI,