Communitygithub.com

itechmeat/react-testing-library

React Testing Library: Benutzerzentriertes Komponententesten mit Abfragen, Benutzerereignissimulation, asynchronen Hilfsfunktionen und einer API mit Fokus auf Barrierefreiheit.

Was ist react-testing-library?

Diese Fähigkeit (Skill) befähigt KI-Agenten wie Claude Code oder Cursor, React-Komponententests mit der Bibliothek React Testing Library zu schreiben und auszuführen. Sie unterstützt den Ansatz, Tests aus Benutzersicht zu gestalten, indem Elemente über Rollen, Beschriftungen oder Texte ausgewählt und echte Benutzerinteraktionen simuliert werden. Der Skill bietet asynchrone Hilfsfunktionen für das Testen von Ladezuständen oder dynamischen UI-Updates und stellt sicher, dass die Tests die Barrierefreiheit der Anwendung im Blick behalten. Er richtet sich an Entwickler, die zuverlässige, wartbare Tests für React-Komponenten erstellen möchten, und ist mit allen gängigen Node.js-basierten Testumgebungen kompatibel.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/itechmeat/llm-code/tree/main/skills/react-testing-library

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht react-testing-library?

React Testing Library: Benutzerzentriertes Komponententesten mit Abfragen, Benutzerereignissimulation, asynchronen Hilfsfunktionen und einer API mit Fokus auf Barrierefreiheit. Verwenden Sie diesen Skill, wenn Sie React-Komponententests schreiben, Elemente nach Rolle/Label/Text auswählen, Benutzerereignisse simulieren oder asynchrones UI-Verhalten testen möchten. Schlüsselwörter: React Testing Library, @testing-library/react, user-event, Abfragen, render.

Verwandte Skills