Merge base-display and base scales #2712
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Visual Regression Testing | |
| on: | |
| push: | |
| branches: | |
| - main | |
| pull_request: | |
| jobs: | |
| # ============================================ | |
| # Step 1: Use shared hasChanged workflow | |
| # ============================================ | |
| changes: | |
| uses: ./.github/workflows/hasChanged.yml | |
| # ============================================ | |
| # Step 2: Run VRT (only if color tokens changed) | |
| # ============================================ | |
| vrt-runner: | |
| needs: changes | |
| if: needs.changes.outputs.vrtColor == 'true' | |
| runs-on: ubuntu-latest-8-cores | |
| strategy: | |
| fail-fast: false | |
| matrix: | |
| shard: [1, 2, 3] | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - name: Setup node | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: 22 | |
| cache: 'npm' | |
| - name: Install dependencies | |
| run: npm ci && npm run storybook:install | |
| - name: Build tokens | |
| run: npm run build:tokens | |
| - name: Build storybook | |
| working-directory: docs/storybook | |
| run: npm run build-storybook | |
| - name: Run storybook | |
| id: storybook | |
| working-directory: docs/storybook | |
| run: | | |
| npx serve -l 6006 storybook-static & | |
| pid=$! | |
| echo "pid=$pid" >> $GITHUB_OUTPUT | |
| sleep 5 | |
| - name: Run Visual Regression Tests | |
| uses: docker://mcr.microsoft.com/playwright:v1.56.1-jammy | |
| env: | |
| STORYBOOK_URL: 'http://172.17.0.1:6006' | |
| with: | |
| args: npx playwright test --shard="${{ matrix.shard }}/${{ strategy.job-total }}" | |
| - name: Stop storybook | |
| run: kill ${{ steps.storybook.outputs.pid }} | |
| - name: Upload report | |
| if: ${{ always() }} | |
| uses: actions/upload-artifact@v4 | |
| with: | |
| name: vrt-${{ matrix.shard }} | |
| path: blob-report | |
| retention-days: 1 | |
| # ============================================ | |
| # Step 3: Merge reports | |
| # ============================================ | |
| vrt: | |
| name: 'Visual Regression Testing' | |
| if: ${{ always() && needs.changes.outputs.vrtColor == 'true' }} | |
| runs-on: ubuntu-latest | |
| needs: [changes, vrt-runner] | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - name: Set up Node | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: 22 | |
| cache: 'npm' | |
| - name: Install dependencies | |
| run: npm ci | |
| - name: Download all reports | |
| uses: actions/download-artifact@v4 | |
| with: | |
| path: all-blob-reports | |
| pattern: vrt-* | |
| merge-multiple: true | |
| - name: Merge all reports | |
| run: npx playwright merge-reports --reporter html ./all-blob-reports | |
| - name: Upload report | |
| uses: actions/upload-artifact@v4 | |
| with: | |
| name: vrt | |
| path: playwright-report | |
| - name: Check vrt-runner job status | |
| if: ${{ needs.vrt-runner.result == 'failure' }} | |
| run: exit 1 | |
| # ============================================ | |
| # Step 4: Skip notification (when no color changes) | |
| # ============================================ | |
| vrt-skipped: | |
| name: 'Visual Regression Testing' | |
| if: ${{ needs.changes.outputs.vrtColor == 'false' }} | |
| runs-on: ubuntu-latest | |
| needs: changes | |
| steps: | |
| - name: No VRT needed | |
| run: echo "No visual regression tests needed - no color token changes detected" |