ci(frontend): update GitHub Actions workflow for testing and deployment

Enhanced the CI/CD pipeline by adding unit and E2E testing steps.
Updated Node.js and pnpm versions, and improved caching for faster builds.

Modified files (1):
- .github/workflows/frontend.yml: Added testing steps and updated configurations

Author: cristofima

.github/workflows/frontend.yml

@@ -8,26 +8,96 @@ on:
       - ".github/workflows/frontend.yml"
       - "src/frontend/task-agent-web/**"
       - "!src/frontend/task-agent-web/**/*.md"
+  pull_request:
+    branches:
+      - main
+    paths:
+      - "src/frontend/task-agent-web/**"
+      - "!src/frontend/task-agent-web/**/*.md"
 
 jobs:
-  build_and_deploy:
+  test:
     runs-on: ubuntu-latest
-    name: Build and Deploy
+    timeout-minutes: 30
+    name: Test
+    defaults:
+      run:
+        working-directory: src/frontend/task-agent-web
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
+
+      # Setup pnpm BEFORE setup-node (required for cache: 'pnpm' to work)
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
         with:
-          submodules: true
+          version: 9
 
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
           node-version: "20"
+          cache: "pnpm"
+          cache-dependency-path: src/frontend/task-agent-web/pnpm-lock.yaml
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run Unit Tests with Coverage
+        run: pnpm test:coverage
+
+      - name: Upload Unit Test Coverage Report
+        uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: unit-test-coverage
+          path: src/frontend/task-agent-web/coverage/
+          retention-days: 30
+
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps chromium
+
+      - name: Run E2E Tests
+        run: pnpm test:e2e
+
+      - name: Upload E2E Test Report
+        uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report
+          path: src/frontend/task-agent-web/playwright-report/
+          retention-days: 30
+
+      - name: Upload E2E Test Results
+        uses: actions/upload-artifact@v4
+        if: failure()
+        with:
+          name: playwright-test-results
+          path: src/frontend/task-agent-web/test-results/
+          retention-days: 7
+
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+    needs: test
+    if: github.event_name == 'push' && github.ref == 'refs/heads/main'
+    name: Build and Deploy
+    steps:
+      - uses: actions/checkout@v5
+        with:
+          submodules: true
 
       - name: Setup pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v4
         with:
           version: 9
 
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "pnpm"
+          cache-dependency-path: src/frontend/task-agent-web/pnpm-lock.yaml
+
       - name: Install dependencies
         run: |
           cd src/frontend/task-agent-web