WIP: npm deps bump

.github/actions/init-mise/action.yaml

@@ -0,0 +1,37 @@
+---
+name: "Initialize mise"
+description: "Initialize mise"
+runs:
+  using: "composite"
+  steps:
+    - name: Configure git
+      shell: bash
+      run: |
+        echo "::group::Configure git"
+        git config --global --add safe.directory '*'
+        echo "::endgroup::"
+
+    - name: Install mise
+      uses: jdx/mise-action@v3
+      with:
+        cache: true
+        install: true
+
+    - name: Cache node_modules
+      uses: actions/cache@v5
+      with:
+        path: |
+          node_modules
+          ui/node_modules
+          lambdas/node_modules
+          tests/node_modules
+        key: node-modules-${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
+        restore-keys: |
+          node-modules-${{ runner.os }}-
+
+    - name: Install npm dependencies
+      shell: bash
+      run: |
+        echo "::group::Install npm dependencies"
+        mise run install-npm
+        echo "::endgroup::"

.github/actions/perform-pre-commit/action.yaml

@@ -4,19 +4,6 @@ description: "Perform pre-commit checks"
 runs:
   using: "composite"
   steps:
-    - name: Configure git
-      shell: bash
-      run: |
-        echo "::group::Configure git"
-        git config --global --add safe.directory '*'
-        echo "::endgroup::"
-
-    - name: Install mise
-      uses: jdx/mise-action@v3
-      with:
-        cache: true
-        install: true
-
     - name: Cache pre-commit hooks
       uses: actions/cache@v5
       with:
@@ -32,10 +19,6 @@ runs:
         mise exec -- pre-commit install --install-hooks
         echo "::endgroup::"
 
-        echo "::group::Install npm dependencies"
-        mise run install-npm
-        echo "::endgroup::"
-
     - name: Run pre-commit
       shell: bash
       run: |

.github/actions/run-npm-tests/action.yaml

@@ -25,20 +25,11 @@ inputs:
 runs:
   using: "composite"
   steps:
-    - name: "Setup Node.js"
-      uses: actions/setup-node@v6
-      with:
-        node-version: "${{ inputs.nodejs-version }}"
-        cache: npm
-        cache-dependency-path: ${{ inputs.working-directory }}/package-lock.json
-
-    - name: "Install dependencies"
-      shell: bash
-      run: npm --prefix ${{ inputs.working-directory }} ci
-
     - name: "Run test suite"
       shell: bash
-      run: npm --prefix ${{ inputs.working-directory }} run test -- --ci
+      run: mise exec -- npm --prefix ${{ inputs.working-directory }} run test -- --ci
+      env:
+        FORCE_COLOR: true
 
     - name: "Upload test results"
       uses: actions/upload-artifact@v4
@@ -57,7 +48,7 @@ runs:
         retention-days: 30
 
     - name: "Test Report"
-      uses: dorny/test-reporter@v1
+      uses: dorny/test-reporter@v2
       if: always()
       with:
         name: "${{ inputs.test-name }}"

.github/workflows/playwright-e2e.yaml

@@ -0,0 +1,168 @@
+---
+name: "Playwright E2E Tests"
+
+on:
+  schedule:
+    - cron: '0 2 * * *'  # Every day at 2am UTC
+  workflow_dispatch:
+    inputs:
+      browser:
+        description: "Browser to run tests on"
+        required: false
+        default: "chromium"
+        type: choice
+        options:
+          - chromium
+          - firefox
+          - webkit
+          - all
+      test_filter:
+        description: "Test filter pattern (e.g., 'HomeTest' or leave empty for all)"
+        required: false
+        default: ""
+        type: string
+
+jobs:
+  test-playwright:
+    name: "Playwright E2E tests"
+    runs-on: ubuntu-latest
+    timeout-minutes: 30
+    steps:
+      - name: "Checkout code"
+        uses: actions/checkout@v6
+
+      - name: "Install mise"
+        uses: jdx/mise-action@v3
+        with:
+          install: true
+          cache: true
+
+      - name: "Install Playwright browsers"
+        working-directory: tests
+        run: npx playwright install --with-deps
+
+      - name: "Create nhs login private key file"
+        run: |
+          mkdir -p local-environment/infra/resources/secrets
+          cat > local-environment/infra/resources/secrets/nhs-login-private-key.pem << 'EOF'
+          ${{ secrets.NHS_LOGIN_PRIVATE_KEY }}
+          EOF
+
+      - name: "Create credentials file"
+        working-directory: tests
+        run: |
+          cat > credentials.ts << 'EOF'
+          export const userPasswordGeneric = '${{ secrets.PLAYWRIGHT_PASSWORD }}';
+          export const OTP = '${{ secrets.PLAYWRIGHT_OTP }}';
+          EOF
+
+      - name: "Start the application"
+        run: |
+          npm run start
+
+      - name: "Show application status"
+        run: |
+          docker compose -f local-environment/docker-compose.yml ps
+          docker logs ui
+
+      - name: "Get terraform outputs"
+        id: terraform
+        run: |
+          UI_URL=$(terraform -chdir=local-environment/infra output -raw ui_url)
+          API_URL=$(terraform -chdir=local-environment/infra output -raw api_base_url)
+          echo "ui_url=$UI_URL" >> $GITHUB_OUTPUT
+          echo "api_base_url=$API_URL" >> $GITHUB_OUTPUT
+          echo "UI URL: $UI_URL"
+          echo "API URL: $API_URL"
+
+      - name: "Wait for UI to be reachable"
+        run: |
+          UI_URL="${{ steps.terraform.outputs.ui_url }}"
+          echo "Waiting for UI to be reachable at $UI_URL..."
+          timeout=120
+          elapsed=0
+          until curl -sf "$UI_URL" > /dev/null 2>&1; do
+            if [ $elapsed -ge $timeout ]; then
+              echo "Timeout: UI not reachable after ${timeout}s"
+              docker logs ui
+              exit 1
+            fi
+            echo "Waiting... (${elapsed}s)"
+            sleep 5
+            elapsed=$((elapsed + 5))
+          done
+          echo "UI is reachable!"
+
+      - name: "Run Playwright tests"
+        working-directory: tests
+        run: |
+          BROWSER="${{ inputs.browser }}"
+          BROWSER="${BROWSER:-chromium}"
+          FILTER="${{ inputs.test_filter }}"
+
+          # Build the command
+          CMD="npx playwright test"
+
+          # Add browser project
+          if [ "$BROWSER" != "all" ]; then
+            CMD="$CMD --project=$BROWSER"
+          fi
+
+          # Add filter if provided
+          if [ -n "$FILTER" ]; then
+            CMD="$CMD --grep \"$FILTER\""
+          fi
+
+          echo "Running: $CMD"
+          eval $CMD
+        env:
+          CI: true
+          FORCE_COLOR: true
+          UI_BASE_URL: ${{ steps.terraform.outputs.ui_url }}
+          API_BASE_URL: ${{ steps.terraform.outputs.api_base_url }}
+
+      - name: "Grab docker compose logs"
+        run: |
+          for service in $(docker compose -f local-environment/docker-compose.yml ps --services); do
+            docker compose -f local-environment/docker-compose.yml logs "$service" > "tests/testResults/docker-compose-${service}.log" 2>&1
+          done
+        if: always()
+
+      - name: "Publish Test Results"
+        uses: dorny/test-reporter@v2
+        if: always()
+        with:
+          name: Playwright Test Results
+          path: tests/testResults/junit-results.xml
+          reporter: java-junit
+          fail-on-error: false
+
+      - name: "Generate Job Summary"
+        if: always()
+        run: |
+          echo "## Playwright Test Results" >> $GITHUB_STEP_SUMMARY
+          echo "" >> $GITHUB_STEP_SUMMARY
+          if [ -f tests/testResults/junit-results.xml ]; then
+            TESTS=$(grep -oP 'tests="\K[0-9]+' tests/testResults/junit-results.xml | head -1)
+            FAILURES=$(grep -oP 'failures="\K[0-9]+' tests/testResults/junit-results.xml | head -1)
+            ERRORS=$(grep -oP 'errors="\K[0-9]+' tests/testResults/junit-results.xml | head -1)
+            TIME=$(grep -oP 'time="\K[0-9.]+' tests/testResults/junit-results.xml | head -1)
+            PASSED=$((TESTS - FAILURES - ERRORS))
+            echo "| Metric | Value |" >> $GITHUB_STEP_SUMMARY
+            echo "|--------|-------|" >> $GITHUB_STEP_SUMMARY
+            echo "| Total Tests | $TESTS |" >> $GITHUB_STEP_SUMMARY
+            echo "| :white_check_mark: Passed | $PASSED |" >> $GITHUB_STEP_SUMMARY
+            echo "| :x: Failed | $FAILURES |" >> $GITHUB_STEP_SUMMARY
+            echo "| :warning: Errors | $ERRORS |" >> $GITHUB_STEP_SUMMARY
+            echo "| :stopwatch: Duration | ${TIME}s |" >> $GITHUB_STEP_SUMMARY
+          else
+            echo ":warning: No test results found" >> $GITHUB_STEP_SUMMARY
+          fi
+
+      - name: "Upload test results"
+        uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: playwright-report
+          path: tests/testResults/
+          retention-days: 30

.github/workflows/stage-1-commit.yaml

@@ -99,5 +99,7 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v6
+      - name: Initialize mise
+        uses: ./.github/actions/init-mise
       - name: Run pre-commit checks
         uses: ./.github/actions/perform-pre-commit

.github/workflows/stage-2-test.yaml

@@ -41,6 +41,8 @@ jobs:
     steps:
       - name: "Checkout code"
         uses: actions/checkout@v6
+      - name: Initialize mise
+        uses: ./.github/actions/init-mise
       - name: "Run UI tests"
         uses: ./.github/actions/run-npm-tests
         with:
@@ -58,6 +60,8 @@ jobs:
     steps:
       - name: "Checkout code"
         uses: actions/checkout@v6
+      - name: Initialize mise
+        uses: ./.github/actions/init-mise
       - name: "Run Lambda tests"
         uses: ./.github/actions/run-npm-tests
         with:
@@ -78,6 +82,84 @@ jobs:
       - name: "Save the coverage check result"
         run: |
           echo "Nothing to save"
+
+  # test-playwright:
+  #   name: "Playwright E2E tests"
+  #   needs: [test-unit-ui, test-unit-lambda]
+  #   runs-on: ubuntu-latest
+  #   timeout-minutes: 30
+  #   steps:
+  #     - name: "Checkout code"
+  #       uses: actions/checkout@v6
+  #     - name: "Install mise"
+  #       uses: jdx/mise-action@v3
+  #       with:
+  #         install: true
+  #         cache: true
+  #     - name: "Install Playwright browsers"
+  #       working-directory: tests
+  #       run: npx playwright install --with-deps
+  #     - name: "Create nhs login private key file"
+  #       run: |
+  #         mkdir -p local-environment/infra/resources/secrets
+  #         cat > local-environment/infra/resources/secrets/nhs-login-private-key.pem << 'EOF'
+  #         ${{ secrets.NHS_LOGIN_PRIVATE_KEY }}
+  #         EOF
+  #     - name: "Create credentials file"
+  #       working-directory: tests
+  #       run: |
+  #         cat > credentials.ts << 'EOF'
+  #         export const userPasswordGeneric = '${{ secrets.PLAYWRIGHT_PASSWORD }}';
+  #         export const OTP = '${{ secrets.PLAYWRIGHT_OTP }}';
+  #         EOF
+  #     - name: "Start the application"
+  #       run: |
+  #         npm run start
+
+  #     - name: "Show application status"
+  #       run: |
+  #         docker compose -f local-environment/docker-compose.yml ps
+  #         docker logs ui
+
+  #     - name: "Wait for UI to be reachable"
+  #       run: |
+  #         echo "Waiting for UI to be reachable at http://localhost:3000..."
+  #         timeout=120
+  #         elapsed=0
+  #         until curl -sf http://localhost:3000 > /dev/null 2>&1; do
+  #           if [ $elapsed -ge $timeout ]; then
+  #             echo "Timeout: UI not reachable after ${timeout}s"
+  #             docker logs ui
+  #             exit 1
+  #           fi
+  #           echo "Waiting... (${elapsed}s)"
+  #           sleep 5
+  #           elapsed=$((elapsed + 5))
+  #         done
+  #         echo "UI is reachable!"
+
+  #     - name: "Run Playwright tests"
+  #       # working-directory: tests
+  #       run: npm run test:playwright
+  #       env:
+  #         CI: true
+  #         # BASE_URL: ${{ vars.TEST_BASE_URL }}
+  #         FORCE_COLOR: true
+  #     - name: "Grab docker compose logs"
+  #       run: |
+  #         for service in $(docker compose -f local-environment/docker-compose.yml ps --services); do
+  #           docker compose -f local-environment/docker-compose.yml logs "$service" > "tests/testResults/docker-compose-${service}.log" 2>&1
+  #         done
+  #       if: always()
+
+  #     - name: "Upload test results"
+  #       uses: actions/upload-artifact@v4
+  #       if: always()
+  #       with:
+  #         name: playwright-report
+  #         path: tests/testResults/
+  #         retention-days: 30
+
   perform-static-analysis:
     name: "Perform static analysis"
     needs: [test-unit-ui, test-unit-lambda]