ci: enhance E2E testing with badge generation and update README

Author: mustafasercansak

.github/workflows/ci.yml

@@ -214,7 +214,22 @@ jobs:
           E2E_USER_PASSWORD: E2eUser!Passw0rd
           E2E_ADMIN_EMAIL: [email protected]
           E2E_ADMIN_PASSWORD: E2eAdmin!Passw0rd
-        run: npm run test:e2e
+          PLAYWRIGHT_JSON_OUTPUT_FILE: e2e-results.json
+        run: npm run test:e2e -- --reporter=list,json
+
+      - name: Generate badge data
+        working-directory: frontend
+        run: |
+          PASSED=$(jq '.stats.expected' e2e-results.json)
+          mkdir -p badges
+          printf '{"schemaVersion":1,"label":"e2e tests","message":"%s passing","color":"brightgreen"}' "$PASSED" > badges/e2e-tests.json
+
+      - name: Upload badge data
+        uses: actions/upload-artifact@v7
+        with:
+          name: badges-e2e
+          path: frontend/badges/
+          retention-days: 1
 
       - name: Upload failure artifacts
         if: failure()
@@ -268,9 +283,9 @@ jobs:
 
   badges:
     name: Update badge data
-    needs: [backend, frontend]
+    needs: [backend, frontend, e2e]
     # Only refresh badge data on green pushes to the default branch.
-    if: github.event_name == 'push' && needs.backend.result == 'success' && needs.frontend.result == 'success'
+    if: github.event_name == 'push' && needs.backend.result == 'success' && needs.frontend.result == 'success' && needs.e2e.result == 'success'
     runs-on: ubuntu-latest
     permissions:
       contents: write
@@ -288,6 +303,11 @@ jobs:
           name: badges-frontend
           path: docs/badges
 
+      - uses: actions/download-artifact@v8
+        with:
+          name: badges-e2e
+          path: docs/badges
+
       - name: Commit badge data
         run: |
           # Author the commit as the user who triggered the push (resolved to

README.md

@@ -3,6 +3,7 @@
 [![CI](https://github.com/mustafasercansak/zerotrust/actions/workflows/ci.yml/badge.svg)](https://github.com/mustafasercansak/zerotrust/actions/workflows/ci.yml)
 [![Backend Tests](https://img.shields.io/endpoint?url=https://mustafasercansak.github.io/zerotrust/badges/backend-tests.json)](https://github.com/mustafasercansak/zerotrust/actions/workflows/ci.yml)
 [![Frontend Tests](https://img.shields.io/endpoint?url=https://mustafasercansak.github.io/zerotrust/badges/frontend-tests.json)](https://github.com/mustafasercansak/zerotrust/actions/workflows/ci.yml)
+[![E2E Tests](https://img.shields.io/endpoint?url=https://mustafasercansak.github.io/zerotrust/badges/e2e-tests.json)](https://github.com/mustafasercansak/zerotrust/actions/workflows/ci.yml)
 [![Backend Coverage](https://img.shields.io/endpoint?url=https://mustafasercansak.github.io/zerotrust/badges/backend-coverage.json)](https://github.com/mustafasercansak/zerotrust/actions/workflows/ci.yml)
 [![Frontend Coverage](https://img.shields.io/endpoint?url=https://mustafasercansak.github.io/zerotrust/badges/frontend-coverage.json)](https://github.com/mustafasercansak/zerotrust/actions/workflows/ci.yml)
 [![Go Version](https://img.shields.io/github/go-mod/go-version/mustafasercansak/zerotrust?filename=backend/go.mod)](backend/go.mod)

docs/badges/e2e-tests.json

@@ -0,0 +1 @@
+{"schemaVersion":1,"label":"e2e tests","message":"97 passing","color":"brightgreen"}

frontend/e2e/auth-flow.spec.ts

@@ -98,12 +98,23 @@ test.describe("Admin flow", () => {
   });
 
   test("users page lists at least one user", async ({ page }) => {
+    // Wait for the data to actually arrive before asserting on grid rows —
+    // index-based row checks race the fetch on slow runners (CI).
+    const usersLoaded = page.waitForResponse(
+      (r) => r.url().includes("/api/v1/admin/users") && r.status() === 200,
+    );
     await page.goto("/dashboard/users");
+    await usersLoaded;
+    // DataGrid row 0 is the header; row 1 is the first data row.
     await expect(page.getByRole("row").nth(1)).toBeVisible({ timeout: 8_000 });
   });
 
   test("audit log page loads events", async ({ page }) => {
+    const auditLoaded = page.waitForResponse(
+      (r) => r.url().includes("/api/v1/admin/audit?") && r.status() === 200,
+    );
     await page.goto("/dashboard/audit");
+    await auditLoaded;
     await expect(page.getByRole("row").nth(1)).toBeVisible({ timeout: 8_000 });
   });