react-testing-patterns
✓Reagieren Sie auf Komponenten- und Hook-Testmuster mit Testing Library und Vitest. Wird zum Schreiben von Tests für React-Komponenten, benutzerdefinierte Hooks oder Datenabruflogik verwendet. Behandelt Komponenten-Rendering-Tests, Benutzerinteraktionssimulation, asynchrone Statustests, MSW für API-Mocking, Hook-Tests mit renderHook, Zugänglichkeitszusicherungen und Snapshot-Testrichtlinien. Deckt NICHT E2E-Tests (verwenden Sie e2e-testing) oder die Durchsetzung des TDD-Workflows (verwenden Sie tdd-workflow) ab.
Installation
SKILL.md
Prefer findBy over waitFor + getBy for elements that appear asynchronously.
Create a custom render that wraps components with required providers:
See references/component-test-template.tsx for an annotated test file template. See references/msw-handler-examples.ts for MSW handler patterns. See references/hook-test-template.tsx for hook testing patterns.
Reagieren Sie auf Komponenten- und Hook-Testmuster mit Testing Library und Vitest. Wird zum Schreiben von Tests für React-Komponenten, benutzerdefinierte Hooks oder Datenabruflogik verwendet. Behandelt Komponenten-Rendering-Tests, Benutzerinteraktionssimulation, asynchrone Statustests, MSW für API-Mocking, Hook-Tests mit renderHook, Zugänglichkeitszusicherungen und Snapshot-Testrichtlinien. Deckt NICHT E2E-Tests (verwenden Sie e2e-testing) oder die Durchsetzung des TDD-Workflows (verwenden Sie tdd-workflow) ab. Quelle: hieutrtr/ai1-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/hieutrtr/ai1-skills --skill react-testing-patterns- Quelle
- hieutrtr/ai1-skills
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-06
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist react-testing-patterns?
Reagieren Sie auf Komponenten- und Hook-Testmuster mit Testing Library und Vitest. Wird zum Schreiben von Tests für React-Komponenten, benutzerdefinierte Hooks oder Datenabruflogik verwendet. Behandelt Komponenten-Rendering-Tests, Benutzerinteraktionssimulation, asynchrone Statustests, MSW für API-Mocking, Hook-Tests mit renderHook, Zugänglichkeitszusicherungen und Snapshot-Testrichtlinien. Deckt NICHT E2E-Tests (verwenden Sie e2e-testing) oder die Durchsetzung des TDD-Workflows (verwenden Sie tdd-workflow) ab. Quelle: hieutrtr/ai1-skills.
Wie installiere ich react-testing-patterns?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/hieutrtr/ai1-skills --skill react-testing-patterns Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/hieutrtr/ai1-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-06