Merge pull request #490 from maykinmedia/issue/storybook-coverage

✅ - test: add coverage reporting for Storybook tests

Author: SilviaAmAm

.github/workflows/ci.yml

@@ -141,8 +141,8 @@ jobs:
       - name: Publish coverage report
         uses: codecov/[email protected]
         with:
-          working-directory: frontend/coverage
-          files: ./clover.xml
+          working-directory: frontend/coverage/storybook
+          files: ./coverage-storybook.json
         env:
           CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
 

frontend/.storybook/main.ts

@@ -4,6 +4,7 @@ const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
   addons: [
     "@storybook/preset-create-react-app",
+    "@storybook/addon-coverage",
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@chromatic-com/storybook",

frontend/package-lock.json

@@ -29,7 +29,7 @@
     "eject": "react-scripts eject",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "test-storybook": "test-storybook",
+    "test-storybook": "test-storybook --coverage",
     "prepare": "cd .. && husky frontend/.husky",
     "lint": "eslint .",
     "lint:fix": "eslint --fix src"
@@ -53,6 +53,7 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^1.3.3",
     "@playwright/test": "^1.48.0",
+    "@storybook/addon-coverage": "^1.0.4",
     "@storybook/addon-essentials": "^8.0.10",
     "@storybook/addon-interactions": "^8.0.10",
     "@storybook/addon-links": "^8.0.10",