Menu
Run Vitest component tests after React component or page changes. Use when modifying frontend/src/ components, pages, or api.js mocks.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Run the full test suite (ruff + all layers), fix failures, then draft and commit with a human-readable message. Use when the user asks for a commit message, wants help summarizing changes before committing, or before running git commit.
Run and fix backend pytest tests after API, scanner, model, or router changes. Use when modifying backend/app/, adding endpoints, or when API tests fail.
Bump VERSION, sync E2E version checks, run the full test suite, and commit only if green — then tag and publish VLCouchSetup.exe. ALWAYS use this skill when the user mentions version, release, bump, semver, tag, ship, publish, next version, prepare release, or cutting a release — even vague one-line prompts.
Run Playwright E2E browser tests to verify UI flows end-to-end. Use before declaring work complete, after UI flow changes, or when browser behavior must be validated.
Keep AGENTS.md, selector rules, verify skills, and CONTRIBUTING.md in sync with code. Use after adding or changing data-testid values, API endpoints, env vars, test file locations, project structure, or verification commands.
End-to-end recipe for adding a new API endpoint — router, tests, api.js, UI, and verification. Use when implementing a new backend route that the frontend will call.
| name | verify-frontend |
| description | Run Vitest component tests after React component or page changes. Use when modifying frontend/src/ components, pages, or api.js mocks. |
After changes to frontend/src/components/, frontend/src/pages/, or frontend/src/api.js.
.\scripts\test.ps1 -Layer unit
cd frontend
npm test -- --run src/pages/Home.test.jsx
verify-e2e skill)| File | Covers |
|---|---|
PosterCard.test.jsx | card render, play button |
HeroBanner.test.jsx | hero content, play button, playItem callback |
Row.test.jsx | row title, cards, empty state |
SearchBar.test.jsx | search input, results display |
Home.test.jsx | loading, error, browse rows, hero banner |
ShowDetail.test.jsx | episodes, watched toggle, season bulk watch |
Settings.test.jsx | settings page, toggles, rescan |
GlobalStatusBar.test.jsx | global scan/thumbnail status indicators |
MediaFoldersEditor.test.jsx | media folder picker, manual path entry |
run vitest → read DOM/assertion error → fix component or test → re-run file → run full unit layer
vi.mock('../api')data-testid selectors in tests, not duplicate text matches<MemoryRouter> in tests