Add Visual Coverage Test + Combined Code Coverage for Coveralls

.github/workflows/coverage.yml

@@ -9,7 +9,51 @@ on:
   pull_request:
 
 jobs:
-  call_code_coverage:
+  combined_coverage:
     uses: yext/slapshot-reusable-workflows/.github/workflows/coverage.yml@v1
+    with:
+      test_script: npm run test
     secrets:
       caller_github_token: ${{ secrets.GITHUB_TOKEN }}
+  individual_coverage_percentages:
+    runs-on: ubuntu-latest
+    needs: combined_coverage
+    steps:
+      - uses: actions/checkout@v3
+      - name: Download the current coverage
+        uses: actions/download-artifact@v3
+        with:
+          name: coverage
+          path: coverage/
+      - name: Get Visual Coverage Percentage
+        uses: yext/slapshot-reusable-workflows/get-coverage-percent@v1
+        with:
+          coverage-file: coverage/visual/lcov.info
+        id: parse-visual-coverage
+      - name: Get Unit Coverage Percentage
+        uses: yext/slapshot-reusable-workflows/get-coverage-percent@v1
+        with:
+          coverage-file: coverage/unit/lcov.info
+        id: parse-unit-coverage
+      - name: Get Combined Coverage Percentage
+        uses: yext/slapshot-reusable-workflows/get-coverage-percent@v1
+        with:
+          coverage-file: coverage/lcov.info
+        id: parse-combined-coverage
+      - name: Find Comment
+        uses: peter-evans/find-comment@v2
+        id: fc
+        with:
+          issue-number: ${{ github.event.pull_request.number }}
+          comment-author: 'github-actions[bot]'
+          body-includes: Current visual coverage
+      - name: Create/Update Comment
+        uses: peter-evans/create-or-update-comment@v2
+        with:
+          comment-id: ${{ steps.fc.outputs.comment-id }}
+          issue-number: ${{ github.event.pull_request.number }}
+          edit-mode: replace
+          body: |
+            Current unit coverage is ${{ steps.parse-unit-coverage.outputs.coverage-percent }}%
+            Current visual coverage is ${{ steps.parse-visual-coverage.outputs.coverage-percent }}%
+            Current combined coverage is ${{ steps.parse-combined-coverage.outputs.coverage-percent }}%

.storybook/main.cjs → .storybook/main.js

@@ -7,6 +7,14 @@ module.exports = {
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
     '@storybook/addon-a11y',
+    {
+      name: '@storybook/addon-coverage',
+      options: {
+        istanbul: {
+          include: ['src/components/**']
+        }
+      }
+    },
     {
       name: '@storybook/addon-postcss',
       options: {

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: