Cache playwright browser

Author: yoriiis

.github/workflows/e2e-tests.yml

@@ -24,8 +24,35 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
-      - name: Install Playwright Browsers
+      # https://github.com/microsoft/playwright/issues/7249#issuecomment-1385567519
+      - name: Store Playwright's Version
+        run: |
+          PLAYWRIGHT_VERSION=$(npm ls @playwright/test | grep @playwright | sed 's/.*@//')
+          echo "Playwright's Version: $PLAYWRIGHT_VERSION"
+          echo "PLAYWRIGHT_VERSION=$PLAYWRIGHT_VERSION" >> $GITHUB_ENV
+
+      - name: Cache Playwright Browsers for Playwright's Version
+        id: cache-playwright-browsers
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/ms-playwright
+          key: playwright-browsers-${{ env.PLAYWRIGHT_VERSION }}
+
+      - name: Setup Playwright
+        if: steps.cache-playwright-browsers.outputs.cache-hit != 'true'
         run: npx playwright install --with-deps
 
+      - name: Install system dependencies for WebKit
+        # Some WebKit dependencies seem to lay outside the cache and will need to be installed separately
+        if: ${{ steps.playwright-cache.outputs.cache-hit == 'true' }}
+        run: npx playwright install-deps webkit
+
       - name: Run Playwright tests
         run: npm run e2e
+
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report
+          path: test-results/reports-ci
+          retention-days: 30

config/playwright.config.ts

@@ -9,6 +9,12 @@ export default defineConfig({
 		timeout: 60 * 1000,
 		reuseExistingServer: !process.env.CI
 	},
+	reporter: process.env.GITHUB_ACTIONS
+		? [
+				['list', { printSteps: true, forceColor: true }],
+				['json', { outputFile: '../test-results/reports-ci/results.json' }]
+			]
+		: 'list',
 	projects: [
 		{
 			name: 'Chrome Desktop',