Write React Testing Library tests for an existing component, following the project's RTL conventions (prefer role/label queries, mock at network boundary, no act()). Invoke when the user asks to test, add tests for, or cover a component.
How to install test-component?
muhammadusmangm/claude-code-best-practices/test-component
$npx -y skills add muhammadusmangm/claude-code-best-practices --skill test-componentInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Run `npx skills use "https://github.com/muhammadusmangm/claude-code-best-practices" --skill "muhammadusmangm/claude-code-best-practices/test-component"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/muhammadusmangm/claude-code-best-practices" that are relevant to the current task. Run `npx skills add "https://github.com/muhammadusmangm/claude-code-best-practices"` and select the relevant skills, then follow their instructions.
Related
6 picksType
- tddTest-driven development. Use when the user wants to build features or fix bugs test-first, mentions "red-green-refactor", or wants integration tests.Jul 2026
- test-driven-developmentUse when implementing any feature or bugfix, before writing implementation codeJul 2026
- qaInteractive QA session where user reports bugs or issues conversationally, and the agent files GitHub issues.Jul 2026
- verification-before-completionUse when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output…Jul 2026
- webapp-testingToolkit for interacting with and testing local web applications using Playwright.Jul 2026
- playwright-best-practicesUse when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking…Jul 2026
