Merge pull request #39 from sameboat-platform/fix/coverage-workflow

This PR improves the code coverage reporting workflow and badge generation by switching to Vitest's V8 coverage provider and automating badge updates for both pushes and pull requests.

Author: ArchILLtect

.github/badges/coverage.svg

@@ -3,6 +3,8 @@ name: Coverage Badge
 on:
   push:
     branches: [ main ]
+  pull_request:
+    branches: [ main ]
   workflow_dispatch: {}
 
 permissions:
@@ -25,14 +27,12 @@ jobs:
         run: npm ci
 
       - name: Run tests with coverage
-        run: |
-          npm test -- --coverage --reporter=default
+        run: npm run test:coverage
 
       - name: Parse coverage percentage
         id: coverage
         run: |
-          # Look for line coverage in lcov report or summary
-          PCT=$(grep -E "^Statements" coverage/coverage-summary.json || true)
+          # Pull statement coverage percentage from Vitest json-summary
           if [ -f coverage/coverage-summary.json ]; then
             PCT=$(node -e "console.log(require('./coverage/coverage-summary.json').total.statements.pct)")
           else
@@ -41,20 +41,31 @@ jobs:
           echo "coverage=$PCT" >> $GITHUB_OUTPUT
 
       - name: Generate badge
+        if: ${{ always() }}
         run: |
           PCT=${{ steps.coverage.outputs.coverage }}
           COLOR=yellow
           if [ "${PCT%.*}" -ge 80 ]; then COLOR=green; elif [ "${PCT%.*}" -ge 65 ]; then COLOR=yellowgreen; elif [ "${PCT%.*}" -lt 50 ]; then COLOR=red; fi
           echo "Generating badge for $PCT% -> $COLOR"
           mkdir -p .github/badges
-          cat <<'SVG' > .github/badges/coverage.svg
-          <svg xmlns='http://www.w3.org/2000/svg' width='120' height='20' role='img' aria-label='coverage: $PCT%'><linearGradient id='s' x2='0' y2='100%'><stop offset='0' stop-color='#bbb' stop-opacity='.1'/><stop offset='1' stop-opacity='.1'/></linearGradient><mask id='m'><rect width='120' height='20' rx='3' fill='#fff'/></mask><g mask='url(#m)'><rect width='62' height='20' fill='#555'/><rect x='62' width='58' height='20' fill='$COLOR'/><rect width='120' height='20' fill='url(#s)'/></g><g fill='#fff' text-anchor='middle' font-family='Verdana,Geneva,DejaVu Sans,sans-serif' text-rendering='geometricPrecision' font-size='11'><text x='31' y='14'>coverage</text><text x='90' y='14'>$PCT%</text></g></svg>
+          cat <<SVG > .github/badges/coverage.svg
+          <svg xmlns='http://www.w3.org/2000/svg' width='120' height='20' role='img' aria-label='coverage: ${PCT}%'><linearGradient id='s' x2='0' y2='100%'><stop offset='0' stop-color='#bbb' stop-opacity='.1'/><stop offset='1' stop-opacity='.1'/></linearGradient><mask id='m'><rect width='120' height='20' rx='3' fill='#fff'/></mask><g mask='url(#m)'><rect width='62' height='20' fill='#555'/><rect x='62' width='58' height='20' fill='${COLOR}'/><rect width='120' height='20' fill='url(#s)'/></g><g fill='#fff' text-anchor='middle' font-family='Verdana,Geneva,DejaVu Sans,sans-serif' text-rendering='geometricPrecision' font-size='11'><text x='31' y='14'>coverage</text><text x='90' y='14'>${PCT}%</text></g></svg>
           SVG
 
       - name: Commit badge
+        if: ${{ github.event_name == 'push' && github.ref == 'refs/heads/main' }}
         run: |
           git config user.name 'github-actions'
           git config user.email 'actions@github.com'
           git add .github/badges/coverage.svg
           git commit -m "chore: update coverage badge" || echo "No changes"
-          git push
+          git push || echo "Note: push to main was blocked (likely branch protection). Badge will update after a maintainer merges a PR."
+
+      - name: Upload coverage artifact (PRs only)
+        if: ${{ github.event_name == 'pull_request' }}
+        uses: actions/upload-artifact@v4
+        with:
+          name: coverage-report
+          path: |
+            coverage/**
+            .github/badges/coverage.svg

.github/workflows/coverage-badge.yml

@@ -10,6 +10,7 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
+coverage/
 *.local
 
 # Editor directories and files

.gitignore

@@ -2,7 +2,7 @@
 [![Release](https://img.shields.io/github/v/tag/sameboat-platform/frontend?label=release&sort=semver)](https://github.com/sameboat-platform/frontend/releases)
 [![License](https://img.shields.io/github/license/sameboat-platform/frontend.svg)](LICENSE)
 [![Dependencies](https://img.shields.io/github/actions/workflow/status/sameboat-platform/frontend/frontend-ci.yml?label=build)](https://github.com/sameboat-platform/frontend/actions)
-[![Coverage](https://img.shields.io/badge/coverage-≥50%25-informational)](./CHANGELOG.md)
+[![Coverage](./.github/badges/coverage.svg)](https://github.com/sameboat-platform/frontend/actions/workflows/coverage-badge.yml)
 [![Security Policy](https://img.shields.io/badge/security-policy-blue)](./SECURITY.md)
 
 # SameBoat Frontend (Vite + React + TS)