Communitygithub.com

itechmeat/react-testing-library

React Testing Library : tests de composants centrés sur l'utilisateur avec requêtes, simulation d'événements utilisateur, utilitaires asynchrones et API axée sur l'accessibilité. Utilisez-le pour écrire des tests de composants React, sélectionner des éléments par rôle/label/texte, simuler des événements utilisateur ou tester un comportement asynchrone de l'interface.

Qu'est-ce que react-testing-library ?

Cette compétence fournit une expertise complète sur React Testing Library, une bibliothèque de test légère et orientée utilisateur pour les composants React. Elle est idéale pour les développeurs qui souhaitent écrire des tests de composants robustes et accessibles, en se concentrant sur l'expérience utilisateur plutôt que sur les détails d'implémentation. La compétence couvre l'utilisation des requêtes comme `getByRole`, `getByLabelText` et `getByText` pour sélectionner des éléments, la simulation d'événements réalistes avec `user-event`, la gestion des opérations asynchrones avec `waitFor` et `findBy*`, et l'utilisation de la fonction `render` pour configurer les tests. Elle prend en charge des plateformes comme Cursor, Codex et Claude Code, et intègre des bonnes pratiques d'accessibilité. Son objectif est de garantir que les tests reflètent comment les utilisateurs interagissent avec l'application, améliorant ainsi la maintenabilité et la fiabilité.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait react-testing-library ?

React Testing Library : tests de composants centrés sur l'utilisateur avec requêtes, simulation d'événements utilisateur, utilitaires asynchrones et API axée sur l'accessibilité. Utilisez-le pour écrire des tests de composants React, sélectionner des éléments par rôle/label/texte, simuler des événements utilisateur ou tester un comportement asynchrone de l'interface. Mots-clés : React Testing Library, @testing-library/react, user-event, queries, render.

Skills associés