Integrate @bgotink/playwright-coverage for E2E test coverage tracking:
Install @bgotink/playwright-coverage package
Update playwright.config.js with coverage reporter
Update test file imports to use coverage-enabled test function
Add e2e-tests.yml coverage artifact upload and merge job
Create codecov.yml with e2e flag configuration
Add E2E coverage skill and VS Code task
Coverage outputs: HTML, LCOV, JSON to coverage/e2e/
CI uploads merged coverage to Codecov with 'e2e' flag
Enables unified coverage view across unit and E2E tests
Implemented global 401 response handling to properly redirect users
to login when their session expires:
Changes:
frontend/src/api/client.ts: Added setAuthErrorHandler() callback
pattern and enhanced 401 interceptor to notify auth context
frontend/src/context/AuthContext.tsx: Register auth error handler
that clears state and redirects to /login on 401 responses
tests/core/authentication.spec.ts: Fixed test to clear correct
localStorage key (charon_auth_token)
The implementation uses a callback pattern to avoid circular
dependencies while keeping auth state management centralized.
Auth endpoints (/auth/login, /auth/me) are excluded from the
redirect to prevent loops during initial auth checks.
All 16 authentication E2E tests now pass including:
should redirect to login when session expires
should handle 401 response gracefully
Closes frontend-auth-guard-reload.md
Fixed TEST issues (5 tests):
proxy-hosts.spec.ts: Added dismissDomainDialog() helper to handle
"New Base Domain Detected" modal before Save button clicks
auth-fixtures.ts: Updated logoutUser() to use text-based selector
that matches emoji button (🚪 Logout)
authentication.spec.ts: Added wait time for 401 response handling
to allow UI to react before assertion
Tracked CODE issue (1 test):
Created frontend-auth-guard-reload.md for session
expiration redirect failure (requires frontend code changes)
Test results: 247/252 passing (98% pass rate)
Before fixes: 242/252 (96%)
Improvement: +5 tests, +2% pass rate
Part of E2E testing initiative per Definition of Done
Phase 2 Complete (99/99 tests passing - 100%):
Created access-lists-crud.spec.ts (44 tests)
CRUD operations, IP/CIDR rules, Geo selection
Security presets, Test IP functionality
Bulk operations, form validation, accessibility
Created certificates.spec.ts (55 tests)
List view, upload custom certificates
Certificate details, status indicators
Delete operations, form accessibility
Integration with proxy hosts
Fixed Access Lists test failures:
Replaced getByPlaceholder with CSS attribute selectors
Fixed Add button interaction using keyboard shortcuts
Fixed strict mode violations with .first()
Overall test suite: 242/252 passing (96%)
7 pre-existing failures tracked in backlog
Part of E2E testing initiative per Definition of Done
