cue-qa
Playwright E2E test suite for the-practice-log
A Playwright TypeScript test suite covering navigation, session management, and trend filtering for the-practice-log. 21 scenarios across 3 spec files with GitHub Actions CI integration.
The Problem
UI logic — accordion behavior, localStorage persistence, drill type filtering — is easy to break silently. E2E tests catch what unit tests miss.
The Solution
21 scenarios organized into Navigation, Session, and Trends spec files. Tests run against the live dev server. GitHub Actions runs the full suite on every push.
Screenshots
21/21 passing — navigation, session management, and trends covered across Chromium
21 passed in 11 seconds across 8 workers
Tech Stack
Cross-browser E2E testing with built-in HTML reports
Type-safe test code matching the app's language
CI pipeline runs tests on every push
Key Engineering Decisions
localStorage cleared in beforeEach — each test starts with a clean slate
Semantic locators (getByRole, getByText) over CSS selectors — resilient to styling changes
Separate navigation, session, and trends spec files — each concern independently runnable
webServer config auto-starts the-practice-log dev server before tests run
Screenshot on failure captures the exact state when a test breaks
Related Project
the-practice-log