feat: attach testinfo on finish

.github/workflows/pr-build.yml

@@ -121,4 +121,10 @@ jobs:
       - name: Discover Stories
         run: npm run ts-node -- ./scripts/write-story-list.ts
       - name: Run Accessibility Tests on Storybook
-        run: npx playwright test --retries=0 ./tests/accessibility.spec.ts
+        run: npx playwright test --retries=0 --reporter=html ./tests/accessibility.spec.ts
+      - name: Upload Changes
+        if: success() || failure()
+        uses: actions/upload-artifact@v3
+        with:
+          name: accessibility-report-${{matrix.browser}}.html
+          path: playwright-report/index.html

.github/workflows/pr-comment-bot.yml

@@ -62,6 +62,7 @@ jobs:
             * 🎉 The build for this PR has succeeded
             * 🔍 The PR is now ready for review
             * 🍿 In the meantime, view a [preview of this PR](https://${{steps.get-pr-event.outputs.pullRequestNumber}}--${{secrets.NETLIFY_SITE_NAME}}.netlify.app)
+            * 🔍 Review the [report](https://${{steps.get-pr-event.outputs.pullRequestNumber}}-a11y-report--${{secrets.NETLIFY_SITE_NAME}}.netlify.app) of a11y testing.
             * 🖐 You can always follow up here. If you're a VMware employee, you can also reach us on our [internal Clarity Support space](https://chat.google.com/room/AAAA5GLgPr4)
 
             Thank you,
@@ -80,6 +81,7 @@ jobs:
             * 😭 The build for this PR has failed
             * 🗒 Please check out the [build log](${{github.event.workflow_run.html_url}})
             * 🍿 Although the build failed, you can still view a [preview of this PR](https://${{steps.get-pr-event.outputs.pullRequestNumber}}--${{secrets.NETLIFY_SITE_NAME}}.netlify.app)
+            * 🔍 Review the [report](https://${{steps.get-pr-event.outputs.pullRequestNumber}}-a11y-report--${{secrets.NETLIFY_SITE_NAME}}.netlify.app) of a11y testing.
             * 🖐 You can always follow up here. If you're a VMware employee, you can also reach us on our [internal Clarity Support space](https://chat.google.com/room/AAAA5GLgPr4)
 
             Thank you,

.github/workflows/pr-preview.yml

@@ -48,3 +48,10 @@ jobs:
           NETLIFY_SITE_ID: ${{secrets.NETLIFY_SITE_ID}}
           NETLIFY_AUTH_TOKEN: ${{secrets.NETLIFY_AUTH_TOKEN}}
         run: npx netlify-cli deploy --alias ${{steps.get-pr-event.outputs.pullRequestNumber}}
+      - name: Deploy A11y Test Report
+        if: ${{steps.download-docs.outputs.found_artifact == 'true'}}
+        timeout-minutes: 5
+        env:
+          NETLIFY_SITE_ID: ${{secrets.NETLIFY_SITE_ID}}
+          NETLIFY_AUTH_TOKEN: ${{secrets.NETLIFY_AUTH_TOKEN}}
+        run: npx netlify-cli deploy --dir=/playwright-report --alias ${{steps.get-pr-event.outputs.pullRequestNumber}}-a11y-report

tests/accessibility.spec.ts

@@ -25,7 +25,7 @@ for (const { storyId, component } of stories) {
   for (const [_themeKey, theme] of Object.entries(THEMES)) {
     test(`${storyName} ${theme} should not have any automatically detectable WCAG A or AA violations`, async ({
       page,
-    }) => {
+    }, testInfo) => {
       const storyParams = new URLSearchParams({
         id: storyId,
         args: 'highlight:false',
@@ -38,6 +38,11 @@ for (const { storyId, component } of stories) {
         .withTags(['wcag2aa', 'wcag21aa', 'wcag22aa'])
         .analyze();
 
+      await testInfo.attach('accessibility-scan-results', {
+        body: JSON.stringify(accessibilityScanResults, null, 2),
+        contentType: 'application/json',
+      });
+
       expect(accessibilityScanResults.violations).toEqual([]);
     });
   }