ci: use system chrome for e2e

Author: CorrectRoadH

.github/workflows/e2e.yml

@@ -91,10 +91,10 @@ jobs:
         if: github.event_name == 'workflow_dispatch' || steps.changes.outputs.website_e2e == 'true'
         run: pnpm --filter @opentickly/website run build
 
-      - name: Install Playwright browsers
+      - name: Install Playwright dependencies
         if: github.event_name == 'workflow_dispatch' || steps.changes.outputs.website_e2e == 'true'
         timeout-minutes: 10
-        run: pnpm exec vp exec playwright install --with-deps --only-shell chromium
+        run: pnpm exec vp exec playwright install-deps chromium
 
       - name: Start backend
         if: github.event_name == 'workflow_dispatch' || steps.changes.outputs.website_e2e == 'true'
@@ -133,6 +133,8 @@ jobs:
 
       - name: Run E2E tests
         if: github.event_name == 'workflow_dispatch' || steps.changes.outputs.website_e2e == 'true'
+        env:
+          PLAYWRIGHT_BROWSER_CHANNEL: chrome
         run: |
           cd apps/website
           pnpm exec vp exec playwright test

apps/website/playwright.config.ts

@@ -1,6 +1,8 @@
 import os from "node:os";
 import { defineConfig } from "@playwright/test";
 
+const browserChannel = process.env.PLAYWRIGHT_BROWSER_CHANNEL;
+
 export default defineConfig({
   testDir: "./e2e",
   retries: 1,
@@ -9,6 +11,7 @@ export default defineConfig({
   use: {
     actionTimeout: 5_000,
     baseURL: process.env.PLAYWRIGHT_BASE_URL ?? "http://localhost:5173",
+    channel: browserChannel === undefined || browserChannel === "" ? undefined : browserChannel,
     headless: true,
     locale: "en-US",
     // Pin browser timezone so tests that assert literal time strings stay