Added code coverage reports

Author: BrunoRosendo

.github/workflows/ci.yml

@@ -37,7 +37,7 @@ jobs:
         run: npm install
 
       - name: Test
-        run: CI=true npm run test-vite
+        run: CI=true npm run test-vite:coverage
 
       - name: Upload code coverage to Codecov
         uses: codecov/codecov-action@v3
@@ -80,9 +80,9 @@ jobs:
           NETLIFY_TOKEN: ${{ secrets.NETLIFY_TOKEN }}
 
       - name: Test
-        run: npm run test-storybook -- --url ${{ steps.waitForNetlify.outputs.url }} --ci
+        run: npm run test-storybook:coverage -- --url ${{ steps.waitForNetlify.outputs.url }} --ci
 
-      - name: Upload code coverage to Codecov # TODO: Check if codecov works with storybook
+      - name: Upload code coverage to Codecov
         uses: codecov/codecov-action@v3
 
   lint:

.gitignore

@@ -11,3 +11,6 @@ vite.config.ts.timestamp-*
 # IDEs
 .vscode
 .idea
+
+# Test Reports
+/coverage

.storybook/main.cts

@@ -3,7 +3,8 @@ module.exports = {
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
-    '@storybook/addon-interactions'
+    '@storybook/addon-interactions',
+    '@storybook/addon-coverage'
   ],
   framework: {
     name: '@storybook/sveltekit',

README.md

@@ -1,6 +1,7 @@
 # Website NIAEFEUP - FrontEnd
 
 [![Build Preview](https://api.netlify.com/api/v1/badges/8ddc6c12-c861-4fd5-8087-2c076d090c5a/deploy-status?branch=develop)](https://develop--niaefeup-frontend.netlify.app/)
+[![codecov](https://codecov.io/gh/NIAEFEUP/website-niaefeup-frontend/branch/develop/graph/badge.svg?token=K5HKQV5209)](https://codecov.io/gh/NIAEFEUP/website-niaefeup-frontend)
 
 The frontend of the website for NIAEFEUP, a student branch in FEUP.