Fix GitHub Actions workflow: proper pnpm setup and correct test coverage command

Author: rhofkens

.github/workflows/ci.yml

@@ -41,16 +41,31 @@ jobs:
       uses: actions/setup-node@v4
       with:
         node-version: '20'
-        cache: 'pnpm'
 
-    - name: Install pnpm
-      run: npm install -g pnpm
+    - name: Setup pnpm
+      uses: pnpm/action-setup@v2
+      with:
+        version: 8
+        run_install: false
+        
+    - name: Get pnpm store directory
+      shell: bash
+      run: |
+        echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+    
+    - name: Setup pnpm cache
+      uses: actions/cache@v3
+      with:
+        path: ${{ env.STORE_PATH }}
+        key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+        restore-keys: |
+          ${{ runner.os }}-pnpm-store-
         
     - name: Install dependencies
       run: cd frontend && pnpm install
 
     - name: Run tests with coverage
-      run: cd frontend && pnpm test -- --coverage
+      run: cd frontend && pnpm test:coverage
 
     - name: Upload coverage report
       uses: actions/upload-artifact@v4

CHANGELOG.md

@@ -12,3 +12,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - **Step 01:** Initial repository scaffold, backend (Spring Boot) and frontend (React/Vite) skeletons, basic toolchain (Maven, pnpm, Vite, ESLint, Prettier, Spotless, Jacoco, Vitest), Husky pre-commit hooks, and GitHub Actions CI pipeline.
 - **Step 02:** Added public health endpoint.
 - **Step 03:** Guest UI skeleton with health fetch.
+
+### Fixed
+
+- Fixed GitHub Actions CI workflow to properly set up pnpm using the official pnpm action.
+- Fixed frontend test coverage command in CI workflow to use the correct `test:coverage` script.