perf: optimize Playwright CI with sharding and parallel workers

- Split build and test phases to avoid rebuilding 3x (once per browser)
- Add test sharding (2 shards per browser) for parallel test execution
- Enable parallel workers (50% CPU) in CI instead of sequential
- Fix blob report download path for merge-reports job
- Add blob-report to gitignore

Author: nperez0111

.github/workflows/build.yml

@@ -65,16 +65,10 @@ jobs:
         id: soft-release
         run: pnpx pkg-pr-new publish './packages/*' # TODO disabled only for AI branch--compact
 
-  playwright:
-    name: "Playwright Tests - ${{ matrix.browser }}"
+  playwright-build:
+    name: "Playwright Build"
     runs-on: ubuntu-latest
-    timeout-minutes: 60
-    container:
-      image: mcr.microsoft.com/playwright:v1.51.1-noble
-    strategy:
-      fail-fast: false
-      matrix:
-        browser: [chromium, firefox, webkit]
+    timeout-minutes: 30
     steps:
       - uses: actions/checkout@v4
         with:
@@ -95,23 +89,71 @@ jobs:
         uses: actions/cache@v4
         with:
           path: .nx/cache
-          key: nx-${{ matrix.browser }}-${{ env.NX_BRANCH }}-${{ env.NX_RUN_GROUP }}-${{ github.sha }}
+          key: nx-playwright-${{ env.NX_BRANCH }}-${{ env.NX_RUN_GROUP }}-${{ github.sha }}
           restore-keys: |
-            nx-${{ matrix.browser }}-${{ env.NX_BRANCH }}-${{ env.NX_RUN_GROUP }}-
-            nx-${{ matrix.browser }}-${{ env.NX_BRANCH }}-
+            nx-playwright-${{ env.NX_BRANCH }}-${{ env.NX_RUN_GROUP }}-
+            nx-playwright-${{ env.NX_BRANCH }}-
             nx-
 
-      - run: apt-get update && apt-get install -y build-essential libcairo2-dev libpango1.0-dev libjpeg-dev libgif-dev librsvg2-dev pkg-config
+      - run: sudo apt-get update && sudo apt-get install -y build-essential libcairo2-dev libpango1.0-dev libjpeg-dev libgif-dev librsvg2-dev pkg-config
 
       - name: Install dependencies
         run: pnpm install
 
       - name: Build packages
         run: pnpm run build
 
+      - name: Cache build artifacts
+        uses: actions/cache/save@v4
+        with:
+          path: |
+            packages/*/dist
+            playground/dist
+            node_modules
+            packages/*/node_modules
+          key: playwright-build-${{ github.sha }}
+
+  playwright:
+    name: "Playwright Tests - ${{ matrix.browser }} (${{ matrix.shardIndex }}/${{ matrix.shardTotal }})"
+    runs-on: ubuntu-latest
+    needs: playwright-build
+    timeout-minutes: 30
+    container:
+      image: mcr.microsoft.com/playwright:v1.51.1-noble
+    strategy:
+      fail-fast: false
+      matrix:
+        browser: [chromium, firefox, webkit]
+        shardIndex: [1, 2]
+        shardTotal: [2]
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 100
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          cache: "pnpm"
+          cache-dependency-path: "**/pnpm-lock.yaml"
+          node-version-file: ".nvmrc"
+
+      - name: Restore build artifacts
+        uses: actions/cache/restore@v4
+        with:
+          path: |
+            packages/*/dist
+            playground/dist
+            node_modules
+            packages/*/node_modules
+          key: playwright-build-${{ github.sha }}
+          fail-on-cache-miss: true
+
       - name: Run server and Playwright tests
         run: |
-          HOME=/root PLAYWRIGHT_CONFIG="--project ${{ matrix.browser }}" pnpm run e2e
+          HOME=/root PLAYWRIGHT_CONFIG="--project ${{ matrix.browser }} --shard=${{ matrix.shardIndex }}/${{ matrix.shardTotal }}" pnpm run e2e
 
       - name: Upload blob report
         uses: actions/upload-artifact@v4
@@ -125,7 +167,7 @@ jobs:
         uses: actions/upload-artifact@v4
         if: ${{ !cancelled() }}
         with:
-          name: playwright-report-${{ matrix.browser }}
+          name: playwright-report-${{ matrix.browser }}-${{ matrix.shardIndex }}
           path: tests/playwright-report/
           retention-days: 30
 
@@ -152,7 +194,7 @@ jobs:
       - name: Download blob reports
         uses: actions/download-artifact@v4
         with:
-          path: all-blob-reports
+          path: tests/all-blob-reports
           pattern: blob-report-*
           merge-multiple: true
 

.gitignore

@@ -29,9 +29,11 @@ yarn-error.log*
 .vercel
 test-results/
 playwright-report/
+blob-report/
 release
 /test-results/
 /playwright-report/
+/blob-report/
 /playwright/.cache/
 .env
 *.pem

tests/playwright.config.ts

@@ -25,8 +25,8 @@ const config: PlaywrightTestConfig = {
   /* Fail the build on CI if you accidentally left test.only in the source code. */
   forbidOnly: !!process.env.CI,
   retries: 2,
-  /* Opt out of parallel tests on CI. */
-  workers: process.env.CI ? 1 : undefined,
+  /* Run tests in parallel on CI (sharding handles distribution across runners) */
+  workers: process.env.CI ? "50%" : undefined,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
   reporter: process.env.CI
     ? [