Add cross-browser load tests

Co-authored-by: contact <contact@ophir.dev>

Author: cursoragent

.github/workflows/tests.yml

@@ -18,6 +18,13 @@ jobs:
         run: npm ci
       - name: Build extension
         run: npm run build
+      - name: Download Firefox Nightly
+        if: matrix.name == 'firefox'
+        run: |
+          NIGHTLY_NAME=$(curl -sL https://archive.mozilla.org/pub/firefox/nightly/latest-mozilla-central/ | rg -o "firefox-[0-9.]+a1.en-US.linux-x86_64.tar.xz" | head -n 1)
+          curl -sL "https://archive.mozilla.org/pub/firefox/nightly/latest-mozilla-central/${NIGHTLY_NAME}" -o /tmp/firefox-nightly.tar.xz
+          tar -xf /tmp/firefox-nightly.tar.xz -C /tmp
+          echo "FIREFOX_BIN=/tmp/firefox/firefox" >> $GITHUB_ENV
       - name: TypeScript checks
         run: npm run test:types
       - uses: actions/upload-artifact@v4
@@ -29,7 +36,15 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        browser: [firefox, chrome]
+        include:
+          - name: firefox
+            playwright: firefox
+            script: firefox
+            load: firefox
+          - name: chrome
+            playwright: chromium
+            script: chrome
+            load: chromium
     steps:
       - uses: actions/checkout@v4
       - name: Use Node.js 20.x
@@ -41,5 +56,9 @@ jobs:
         run: npm ci
       - name: Build extension
         run: npm run build
-      - name: Test on ${{ matrix.browser }}
-        run: npm run test:${{ matrix.browser }}
+      - name: Install Playwright browsers
+        run: npx playwright install --with-deps ${{ matrix.playwright }}
+      - name: Lint on ${{ matrix.name }}
+        run: npm run test:${{ matrix.script }}
+      - name: Load extension on ${{ matrix.name }}
+        run: xvfb-run -a npm run test:load:${{ matrix.load }}