[Playwright] Change to use firefox + other mobile junk

.github/workflows/ci.yml

@@ -50,7 +50,7 @@ jobs:
           node-version: 22
           cache: npm
       - run: npm ci
-      - run: npx playwright install --with-deps chromium
+      - run: npx playwright install --with-deps firefox
       - run: npm run test:e2e
       - uses: actions/upload-artifact@v4
         if: failure()

README.md

@@ -58,7 +58,7 @@ npm run lint           # oxlint
 npm run format:check   # oxfmt (npm run format to fix)
 npm run typecheck
 npm test               # unit + API integration tests
-npx playwright install chromium   # once
+npx playwright install firefox    # once
 npm run test:e2e       # builds, starts two test servers, runs Playwright
 ```
 

playwright.config.ts

@@ -20,7 +20,12 @@ export default defineConfig({
   },
   webServer: [server(3100, 'e2e/.data/main'), server(3101, 'e2e/.data/invite', 'REGISTRATION_CODE=let-me-in-please')],
   projects: [
-    { name: 'desktop', use: { ...devices['Desktop Chrome'] }, grepInvert: /@mobile/ },
-    { name: 'mobile', use: { ...devices['Pixel 7'] }, grep: /@mobile/ },
+    { name: 'desktop', use: { ...devices['Desktop Firefox'] }, grepInvert: /@mobile/ },
+    {
+      // Firefox has no mobile emulation (isMobile), so this is a phone-sized touch screen.
+      name: 'mobile',
+      use: { ...devices['Desktop Firefox'], viewport: { width: 412, height: 915 }, hasTouch: true },
+      grep: /@mobile/,
+    },
   ],
 });