toolshed
Library UI tests (Playwright)
End-to-end browser tests for the library page. Covers filtering, status toggles, and the book recommender drawer.
End-to-end browser tests for the library page. Runs a real Chromium browser against the dev server to verify that filtering and the recommender drawer work correctly.
npm testThe dev server starts automatically. Tests run in Chromium only, single worker (not parallel).
What it covers
Book cards
- Cards render and there are more than 10
Category filter
- Filtering reduces visible cards
- Clicking the same filter again restores all cards
Maturity filter
- Filtering to
draftshows only cards withdata-maturity="draft" - The “All” button resets the filter
Status filter
- Filtering to
to-readshows onlydata-status="to-read"cards - Filtering to
readshows onlydata-status="read"cards - Clicking the active status filter again restores all cards
Recommender drawer
- Drawer is hidden by default
- Open button makes drawer visible
- Close button hides it again
Debugging
Playwright records traces on first retry. If a test fails, open the trace viewer:
npx playwright show-trace test-results/<run>/trace.zip