메뉴
Run Vitest component tests after React component or page changes. Use when modifying frontend/src/ components, pages, or api.js mocks.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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