ci: use system Chrome instead of downloading Chromium in CI

npx playwright install chromium hangs after download (extraction
phase never exits). ubuntu-latest ships google-chrome-stable; use
channel: 'chrome' in CI so Playwright picks it up with no download.

Drops the browser binary install step from both e2e and integration
workflows. Keeps install-deps for system library requirements.

Refs #144

Author: CoderCoco

.github/workflows/e2e.yml

@@ -23,21 +23,9 @@ jobs:
 
       - run: npm ci
 
-      - name: Cache Playwright browsers
-        uses: actions/cache@v4
-        with:
-          path: ~/.cache/ms-playwright
-          key: playwright-chromium-${{ runner.os }}-${{ hashFiles('app/packages/web/package-lock.json', 'package-lock.json') }}
-
       - name: Install Playwright system dependencies
         run: DEBIAN_FRONTEND=noninteractive npx playwright install-deps chromium
         working-directory: app/packages/web
-        timeout-minutes: 5
-
-      - name: Install Playwright browser binaries
-        run: npx playwright install chromium
-        working-directory: app/packages/web
-        timeout-minutes: 5
 
       - run: npm run app:test:e2e
 

.github/workflows/integration.yml

@@ -23,21 +23,9 @@ jobs:
 
       - run: npm ci
 
-      - name: Cache Playwright browsers
-        uses: actions/cache@v4
-        with:
-          path: ~/.cache/ms-playwright
-          key: playwright-chromium-${{ runner.os }}-${{ hashFiles('app/packages/web/package-lock.json', 'package-lock.json') }}
-
       - name: Install Playwright system dependencies
         run: DEBIAN_FRONTEND=noninteractive npx playwright install-deps chromium
         working-directory: app/packages/web
-        timeout-minutes: 5
-
-      - name: Install Playwright browser binaries
-        run: npx playwright install chromium
-        working-directory: app/packages/web
-        timeout-minutes: 5
 
       - run: npm run app:test:integration
 

app/packages/web/playwright.config.ts

@@ -15,7 +15,14 @@ export default defineConfig({
     video: 'retain-on-failure',
   },
   projects: [
-    { name: 'chromium', use: { ...devices['Desktop Chrome'] } },
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+        // In CI use the pre-installed system Chrome to avoid downloading Chromium
+        ...(process.env.CI ? { channel: 'chrome' } : {}),
+      },
+    },
   ],
   webServer: {
     command: 'npm run build && npm run preview',

app/packages/web/playwright.integration.config.ts

@@ -22,7 +22,14 @@ export default defineConfig({
     video: 'retain-on-failure',
   },
   projects: [
-    { name: 'chromium', use: { ...devices['Desktop Chrome'] } },
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+        // In CI use the pre-installed system Chrome to avoid downloading Chromium
+        ...(process.env.CI ? { channel: 'chrome' } : {}),
+      },
+    },
   ],
   webServer: [
     {