Add WCAG PR check

.github/workflows/wcag_test.yml

@@ -0,0 +1,14 @@
+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 & sleep 10 && curl http://localhost:6006 -I'

.storybook/test-runner.cjs

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

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: