Add WCAG PR check

.github/workflows/wcag_test.yml

@@ -0,0 +1,19 @@
+name: WCAG tests
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  call_wcag_test:
+    uses: yext/slapshot-reusable-workflows/.github/workflows/wcag_test.yml@v1
+    secrets:
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+    with:
+      build_script: |
+        npm run storybook -- --quiet &
+        until curl http://localhost:6006 -I --silent
+        do
+          sleep 1
+        done

.storybook/test-runner.ts

@@ -0,0 +1,31 @@
+import { injectAxe, checkA11y } from 'axe-playwright';
+import { Page } from 'playwright-core';
+
+/*
+* See https://storybook.js.org/docs/react/writing-tests/test-runner#test-hook-api-experimental
+* to learn more about the test-runner hooks API.
+*/
+const renderFunctions = {
+  async preRender(page: Page) {
+    await injectAxe(page);
+  },
+  async postRender(page: Page, context) {
+    await checkA11y(page, '#root', {
+      axeOptions: {
+        runOnly: {
+          type: 'tag',
+          values: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa']
+        },
+        rules: {
+          'color-contrast': { enabled: context.name !== 'Loading' }
+        },
+      },
+      detailedReport: true,
+      detailedReportOptions: {
+        html: true,
+      },
+    });
+  },
+};
+
+export default renderFunctions;

THIRD-PARTY-NOTICES

@@ -4,7 +4,7 @@ The following NPM packages may be included in this product:
  - @babel/helper-validator-identifier@7.16.7
  - @babel/highlight@7.16.10
  - @babel/runtime-corejs3@7.17.2
- - @babel/runtime@7.16.7
+ - @babel/runtime@7.18.9
 
 These packages each contain the following license and notice below: