feat: a11y regression testing for storybook (#733)

Closes D2IQ-90239

.github/workflows/chromatic.yml

@@ -15,7 +15,7 @@ jobs:
     steps:
       - uses: actions/checkout@v1
       - name: Install dependencies
-        run: npm ci
+        run: npm install
       - name: Prebuild storybook
         run: npm run prebuild:storybook
         # 👇 Adds Chromatic as a step in the workflow

.github/workflows/ci.yml

@@ -25,7 +25,7 @@ jobs:
           cache: "npm"
 
       - name: Install Dependencies 🔧
-        run: npm ci
+        run: npm install
 
       - name: Lint 🧹
         run: npm run lint
@@ -36,7 +36,7 @@ jobs:
       - name: Unit Tests 🧪
         run: npm test
 
-      - name: Cypress run
+      - name: Cypress run 🔄
         uses: cypress-io/github-action@v2
         with:
           start: npm run test:integration

.github/workflows/storybook-tests.yml

@@ -0,0 +1,24 @@
+name: Storybook Tests
+on: push
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: "npm"
+      - name: Install Dependencies 🔧
+        run: npm install
+      - name: Install Playwright 🎭
+        run: npx playwright install --with-deps
+      - name: Run Storybook Tests 📚
+        run: npm run build:storybook --quiet
+      - name: Serve Storybook and Run Tests 📖
+        run: |
+          npx concurrently -k -s first -n "SB,TEST" -c "magenta,blue" \
+            "npx http-server storybook_static --port 6006 --silent" \
+            "npx wait-on tcp:6006 && npm run test-storybook"