Experimental: display playwright snaphots in GH Pages

.github/workflows/ci.yml

@@ -17,6 +17,26 @@ concurrency:
   cancel-in-progress: true
 
 jobs:
+  build:
+    if: ${{ github.event.pull_request.head.repo.full_name == 'primer/react' }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: 'npm'
+      - name: Install dependencies
+        run: npm ci
+      - name: Build docs preview
+        run: npm run build:docs:preview
+      - uses: actions/upload-pages-artifact@v3
+        with:
+          name: github-pages
+          path: docs/public
+
   format:
     runs-on: ubuntu-latest
     steps:
@@ -247,6 +267,10 @@ jobs:
       - name: check vrt-runner-all-flags job status
         if: ${{ needs.vrt-runner-all-flags.result == 'failure' }}
         run: exit 1
+      - uses: actions/upload-pages-artifact@v3
+        with:
+          name: vrt-all-flags-pages
+          path: playwright-report
 
   aat-runner:
     runs-on: ubuntu-latest-16-cores
@@ -427,3 +451,53 @@ jobs:
         run: npm run build
       - name: Get export sizes
         run: node packages/react/script/get-export-sizes.js
+
+  deploy-preview:
+    if: ${{ github.event.pull_request.head.repo.full_name == 'primer/react' }}
+    needs: [build, vrt-all-flags]
+    permissions:
+      pages: write
+      id-token: write
+    environment:
+      name: vrt-all-flags-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    outputs:
+      deployment_url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
+        with:
+          preview: true
+
+  # deploy-storybook:
+  #   name: Preview Storybook
+  #   if: ${{ github.event.pull_request.head.repo.full_name == 'primer/react' }}
+  #   needs: [deploy-preview, vrt-all-flags]
+  #   permissions:
+  #     deployments: write
+  #   runs-on: ubuntu-latest
+  #   steps:
+  #     - uses: chrnorm/[email protected]
+  #       name: Create GitHub deployment for storybook
+  #       id: storybook
+  #       with:
+  #         token: ${{ secrets.GITHUB_TOKEN }}
+  #         environment: storybook-preview-${{ github.event.number }}
+  #         environment-url: '${{ needs.deploy-preview.outputs.deployment_url }}/storybook'
+  #     - name: Update storybook deployment status (success)
+  #       if: success()
+  #       uses: chrnorm/[email protected]
+  #       with:
+  #         token: ${{ secrets.GITHUB_TOKEN }}
+  #         environment-url: '${{ needs.deploy-preview.outputs.deployment_url }}/storybook'
+  #         state: 'success'
+  #         deployment-id: ${{ steps.storybook.outputs.deployment_id }}
+  #     - name: Update storybook deployment status (failure)
+  #       if: failure()
+  #       uses: chrnorm/[email protected]
+  #       with:
+  #         token: ${{ secrets.GITHUB_TOKEN }}
+  #         state: 'failure'
+  #         deployment-id: ${{ steps.storybook.outputs.deployment_id }}

.github/workflows/deploy_preview.yml

@@ -1,78 +1,78 @@
-name: Deploy Preview
-on:
-  pull_request:
+# name: Deploy Preview
+# on:
+#   pull_request:
 
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
+# concurrency:
+#   group: ${{ github.workflow }}-${{ github.ref }}
+#   cancel-in-progress: true
 
-jobs:
-  build:
-    if: ${{ github.event.pull_request.head.repo.full_name == 'primer/react' }}
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-      - name: Set up Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 22
-          cache: 'npm'
-      - name: Install dependencies
-        run: npm ci
-      - name: Build docs preview
-        run: npm run build:docs:preview
-      - uses: actions/upload-pages-artifact@v3
-        with:
-          name: github-pages
-          path: docs/public
+# jobs:
+#   build:
+#     if: ${{ github.event.pull_request.head.repo.full_name == 'primer/react' }}
+#     runs-on: ubuntu-latest
+#     steps:
+#       - name: Checkout repository
+#         uses: actions/checkout@v4
+#       - name: Set up Node.js
+#         uses: actions/setup-node@v4
+#         with:
+#           node-version: 22
+#           cache: 'npm'
+#       - name: Install dependencies
+#         run: npm ci
+#       - name: Build docs preview
+#         run: npm run build:docs:preview
+#       - uses: actions/upload-pages-artifact@v3
+#         with:
+#           name: github-pages
+#           path: docs/public
 
-  deploy-preview:
-    if: ${{ github.event.pull_request.head.repo.full_name == 'primer/react' }}
-    needs: build
-    permissions:
-      pages: write
-      id-token: write
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    outputs:
-      deployment_url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
-    steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4
-        with:
-          preview: true
+#   deploy-preview:
+#     if: ${{ github.event.pull_request.head.repo.full_name == 'primer/react' }}
+#     needs: build
+#     permissions:
+#       pages: write
+#       id-token: write
+#     environment:
+#       name: github-pages
+#       url: ${{ steps.deployment.outputs.page_url }}
+#     outputs:
+#       deployment_url: ${{ steps.deployment.outputs.page_url }}
+#     runs-on: ubuntu-latest
+#     steps:
+#       - name: Deploy to GitHub Pages
+#         id: deployment
+#         uses: actions/deploy-pages@v4
+#         with:
+#           preview: true
 
-  deploy-storybook:
-    name: Preview Storybook
-    if: ${{ github.event.pull_request.head.repo.full_name == 'primer/react' }}
-    needs: deploy-preview
-    permissions:
-      deployments: write
-    runs-on: ubuntu-latest
-    steps:
-      - uses: chrnorm/[email protected]
-        name: Create GitHub deployment for storybook
-        id: storybook
-        with:
-          token: ${{ secrets.GITHUB_TOKEN }}
-          environment: storybook-preview-${{ github.event.number }}
-          environment_url: '${{ needs.deploy-preview.outputs.deployment_url }}/storybook'
-      - name: Update storybook deployment status (success)
-        if: success()
-        uses: chrnorm/[email protected]
-        with:
-          token: ${{ secrets.GITHUB_TOKEN }}
-          environment-url: '${{ needs.deploy-preview.outputs.deployment_url }}/storybook'
-          state: 'success'
-          deployment-id: ${{ steps.storybook.outputs.deployment_id }}
-      - name: Update storybook deployment status (failure)
-        if: failure()
-        uses: chrnorm/[email protected]
-        with:
-          token: ${{ secrets.GITHUB_TOKEN }}
-          state: 'failure'
-          deployment-id: ${{ steps.storybook.outputs.deployment_id }}
+#   deploy-storybook:
+#     name: Preview Storybook
+#     if: ${{ github.event.pull_request.head.repo.full_name == 'primer/react' }}
+#     needs: deploy-preview
+#     permissions:
+#       deployments: write
+#     runs-on: ubuntu-latest
+#     steps:
+#       - uses: chrnorm/[email protected]
+#         name: Create GitHub deployment for storybook
+#         id: storybook
+#         with:
+#           token: ${{ secrets.GITHUB_TOKEN }}
+#           environment: storybook-preview-${{ github.event.number }}
+#           environment_url: '${{ needs.deploy-preview.outputs.deployment_url }}/storybook'
+#       - name: Update storybook deployment status (success)
+#         if: success()
+#         uses: chrnorm/[email protected]
+#         with:
+#           token: ${{ secrets.GITHUB_TOKEN }}
+#           environment-url: '${{ needs.deploy-preview.outputs.deployment_url }}/storybook'
+#           state: 'success'
+#           deployment-id: ${{ steps.storybook.outputs.deployment_id }}
+#       - name: Update storybook deployment status (failure)
+#         if: failure()
+#         uses: chrnorm/[email protected]
+#         with:
+#           token: ${{ secrets.GITHUB_TOKEN }}
+#           state: 'failure'
+#           deployment-id: ${{ steps.storybook.outputs.deployment_id }}