Optimize the CI build, and show the webserver's startup output.

Author: jyasskin

.github/workflows/playwright.yml

@@ -35,8 +35,12 @@ jobs:
         compose-file: 'webserver/docker-compose.yml'
     - name: Initialize Prisma and DB
       run: pnpm dotenv -e .env.test -- pnpm prisma db push --force-reset
+    - name: Build
+      run: pnpm run build
     - name: Run Playwright tests
       run: pnpm dotenv -e .env.test -- pnpm exec playwright test
+      env:
+        DEBUG: "pw:webserver"
     - uses: actions/upload-artifact@v3
       if: failure()
       with:

webserver/e2e/global-setup.ts

@@ -5,6 +5,10 @@ import { promisify } from 'node:util';
 const execFileP = promisify(execFile);
 
 async function globalSetup(config: FullConfig) {
+  if (process.env.CI) {
+    // The CI has already reset the database by the time we get here.
+    return;
+  }
   // Reset the database so that tests work even if we're re-using a webserver instance.
   const { stdout, stderr } = await execFileP('pnpm',
     ['prisma', 'db', 'push', '--skip-generate', '--force-reset']);

webserver/playwright.config.ts

@@ -52,7 +52,7 @@ const config: PlaywrightTestConfig = {
 
   /* Run your local dev server before starting the tests */
   webServer: {
-    command: 'pnpm build && PORT=3000 pnpm start',
+    command: (process.env.CI ? '' : 'pnpm build && ') + 'PORT=3000 pnpm start',
     url: "http://localhost:3000/",
     reuseExistingServer: !process.env.CI
   },