react-test-engineer
CommunityShip reliable, accessible React tests.
Software Engineering#vitest#testing#accessibility#react#react-testing-library#test-automation#user-event
AuthorGrishaAngelovGH
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill helps teams and engineers write maintainable, user-focused tests for React applications so that refactors don't break the contract with users and accessibility regressions are caught early.
Core Features & Use Cases
- Behavior-driven testing: Emphasizes testing user-visible behavior using React Testing Library queries and user-event rather than implementation details.
- Tooling and configuration: Covers Vitest setup with jsdom, setup files, globals, and custom render utilities for provider-heavy apps.
- Accessibility and async patterns: Shows how to integrate vitest-axe, prefer getByRole queries, and handle asynchronous UI with findBy* and appropriate waits.
- Use Case: Validate a login form's interactions, loading states, and accessibility in unit and integration tests.
Quick Start
Create a Vitest and React Testing Library test for the LoginForm component that validates form submission, async loading, and accessibility.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-test-engineer Download link: https://github.com/GrishaAngelovGH/gemini-cli-agent-skills/archive/main.zip#react-test-engineer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.