feat(auth): implement comprehensive E2E tests for authentication flow and protected features, including session management and API mocking

Author: standujar

.github/workflows/client-cypress-tests.yml

@@ -72,7 +72,7 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           CI: true
 
-  # E2E tests (needs server)
+  # E2E tests (needs server, no auth)
   cypress-e2e:
     runs-on: ubuntu-latest
     strategy:
@@ -109,36 +109,98 @@ jobs:
           echo "OPENAI_API_KEY=$OPENAI_API_KEY" > .env
           echo "LOG_LEVEL=info" >> .env
 
-      - name: Run E2E tests with server
+      - name: Run E2E tests with server (no auth)
         working-directory: packages/client
         run: |
-          chmod +x scripts/test-e2e-with-server.sh
-          ./scripts/test-e2e-with-server.sh
+          chmod +x scripts/test-e2e-server.sh
+          ./scripts/test-e2e-server.sh
+        env:
+          SERVER_PORT: 3000
+          CLIENT_PORT: 5173
+
+  # E2E tests with authentication enabled
+  cypress-e2e-auth:
+    runs-on: ubuntu-latest
+    services:
+      postgres:
+        image: pgvector/pgvector:pg16
+        env:
+          POSTGRES_USER: eliza_test
+          POSTGRES_PASSWORD: eliza_test_password
+          POSTGRES_DB: eliza_test
+        ports:
+          - 5433:5432
+        options: >-
+          --health-cmd pg_isready
+          --health-interval 10s
+          --health-timeout 5s
+          --health-retries 5
+    strategy:
+      fail-fast: false
+      matrix:
+        containers: [1]
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 23
+
+      - name: Set up Bun
+        uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: 1.2.21
+
+      - name: Install dependencies
+        run: bun install
+
+      - name: Build packages (Turbo cached)
+        run: bun run build
+
+      - name: Install Cypress binary
+        working-directory: packages/client
+        run: bunx cypress install
+
+      - name: Create .env file
+        run: |
+          echo "OPENAI_API_KEY=$OPENAI_API_KEY" > .env
+          echo "LOG_LEVEL=info" >> .env
+
+      - name: Run E2E tests with authentication
+        working-directory: packages/client
+        run: |
+          chmod +x scripts/test-e2e-server-auth.sh
+          ./scripts/test-e2e-server-auth.sh
         env:
           SERVER_PORT: 3000
           CLIENT_PORT: 5173
 
   # Summary job
   cypress-tests-summary:
-    needs: [cypress-component, cypress-e2e]
+    needs: [cypress-component, cypress-e2e, cypress-e2e-auth]
     runs-on: ubuntu-latest
     if: always()
     steps:
       - name: Check test results
         run: |
           component_result="${{ needs.cypress-component.result }}"
           e2e_result="${{ needs.cypress-e2e.result }}"
+          e2e_auth_result="${{ needs.cypress-e2e-auth.result }}"
 
-          if [[ "$component_result" == "failure" || "$e2e_result" == "failure" ]]; then
+          if [[ "$component_result" == "failure" || "$e2e_result" == "failure" || "$e2e_auth_result" == "failure" ]]; then
             echo "❌ Cypress tests failed"
             echo "Component tests: $component_result"
-            echo "E2E tests: $e2e_result"
+            echo "E2E tests (no auth): $e2e_result"
+            echo "E2E tests (with auth): $e2e_auth_result"
             exit 1
-          elif [[ "$component_result" == "cancelled" || "$e2e_result" == "cancelled" ]]; then
+          elif [[ "$component_result" == "cancelled" || "$e2e_result" == "cancelled" || "$e2e_auth_result" == "cancelled" ]]; then
             echo "⏹️ Cypress tests were cancelled"
             exit 1
           else
             echo "✅ All Cypress tests passed"
             echo "Component tests: $component_result"
-            echo "E2E tests: $e2e_result"
+            echo "E2E tests (no auth): $e2e_result"
+            echo "E2E tests (with auth): $e2e_auth_result"
           fi

bun.lock

@@ -4711,7 +4711,7 @@
 
     "npm-run-path/path-key": ["[email protected]", "", {}, "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ=="],
 
-    "nx/chalk": ["[email protected].2", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],
+    "nx/chalk": ["[email protected].0", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A=="],
 
     "nx/cli-cursor": ["[email protected]", "", { "dependencies": { "restore-cursor": "^3.1.0" } }, "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw=="],
 
@@ -4859,6 +4859,8 @@
 
     "tsup/source-map": ["[email protected]", "", { "dependencies": { "whatwg-url": "^7.0.0" } }, "sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA=="],
 
+    "tsup/tinyglobby": ["[email protected]", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.3" } }, "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ=="],
+
     "tuf-js/make-fetch-happen": ["[email protected]", "", { "dependencies": { "@npmcli/agent": "^3.0.0", "cacache": "^19.0.1", "http-cache-semantics": "^4.1.1", "minipass": "^7.0.2", "minipass-fetch": "^4.0.0", "minipass-flush": "^1.0.5", "minipass-pipeline": "^1.2.4", "negotiator": "^1.0.0", "proc-log": "^5.0.0", "promise-retry": "^2.0.1", "ssri": "^12.0.0" } }, "sha512-QMjGbFTP0blj97EeidG5hk/QhKQ3T4ICckQGLgz38QF7Vgbk6e6FTARN8KhKxyBbWn8R0HU+bnw8aSoFPD4qtQ=="],
 
     "type-is/mime-types": ["[email protected]", "", { "dependencies": { "mime-db": "^1.54.0" } }, "sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A=="],
@@ -5431,6 +5433,8 @@
 
     "normalize-package-data/hosted-git-info/lru-cache/yallist": ["[email protected]", "", {}, "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="],
 
+    "nx/ora/log-symbols/chalk": ["[email protected]", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],
+
     "nx/ora/log-symbols/is-unicode-supported": ["[email protected]", "", {}, "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw=="],
 
     "nx/ora/strip-ansi/ansi-regex": ["[email protected]", "", {}, "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="],
@@ -5479,6 +5483,10 @@
 
     "meow/read-pkg-up/read-pkg/normalize-package-data/semver": ["[email protected]", "", { "bin": { "semver": "bin/semver" } }, "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g=="],
 
+    "nx/ora/log-symbols/chalk/ansi-styles": ["[email protected]", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],
+
+    "nx/ora/log-symbols/chalk/supports-color": ["[email protected]", "", { "dependencies": { "has-flag": "^4.0.0" } }, "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw=="],
+
     "pacote/sigstore/@sigstore/tuf/tuf-js/@tufjs/models": ["@tufjs/[email protected]", "", { "dependencies": { "@tufjs/canonical-json": "2.0.0", "minimatch": "^9.0.5" } }, "sha512-h5x5ga/hh82COe+GoD4+gKUeV4T3iaYOxqLt41GRKApinPI7DMidhCmNVTjKfhCWFJIGXaFJee07XczdT4jdZQ=="],
 
     "pkg-dir/find-up/locate-path/p-locate/p-limit": ["[email protected]", "", { "dependencies": { "p-try": "^2.0.0" } }, "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w=="],

packages/client/cypress.config.cjs

@@ -11,9 +11,10 @@ module.exports = defineConfig({
     screenshotOnRunFailure: true,
     viewportWidth: 1280,
     viewportHeight: 720,
-    defaultCommandTimeout: 10000,
-    requestTimeout: 10000,
-    responseTimeout: 10000,
+    defaultCommandTimeout: 15000, // Increased for auth tests
+    requestTimeout: 15000, // Increased for real backend calls
+    responseTimeout: 15000, // Increased for real backend responses
+    pageLoadTimeout: 30000, // Increased for full page loads
     setupNodeEvents(on, config) {
       // Add any e2e specific plugins here
       return config;

packages/client/cypress/e2e/01-home-page.cy.ts

@@ -1,5 +1,8 @@
 describe('Home Page', () => {
   beforeEach(() => {
+    // Setup global API mocks
+    cy.setupApiMocks();
+
     // Mock API calls to prevent timeouts
     cy.intercept('GET', '/api/system/version', {
       statusCode: 200,

packages/client/cypress/e2e/02-chat-functionality.cy.ts

@@ -1,5 +1,8 @@
 describe('Chat Functionality', () => {
   beforeEach(() => {
+    // Setup global API mocks
+    cy.setupApiMocks();
+
     // Mock API calls to prevent timeouts
     cy.intercept('GET', '/api/system/version', {
       statusCode: 200,
@@ -183,7 +186,7 @@ describe('Chat Functionality', () => {
     cy.get('[data-testid="connection-status"]', { timeout: 10000 }).should('exist');
 
     // Should be clickable (even if it doesn't do much)
-    cy.get('[data-testid="connection-status"]').click();
+    cy.get('[data-testid="connection-status"]').click({ force: true });
 
     // Status should still exist after click
     cy.get('[data-testid="connection-status"]').should('exist');

packages/client/cypress/e2e/03-spa-routing.cy.ts

@@ -9,6 +9,9 @@ describe('SPA Routing', () => {
   ];
 
   beforeEach(() => {
+    // Setup global API mocks
+    cy.setupApiMocks();
+
     // Mock API calls to prevent timeouts
     cy.intercept('GET', '/api/system/version', {
       statusCode: 200,