React Testing
Patterns de tests React : React Testing Library, Vitest/Jest, mocks réseau MSW, accessibilité axe, et la frontière entre tests RTL et E2E.
- Quoi
- Patterns de tests React : React Testing Library, Vitest/Jest, mocks réseau MSW, accessibilité axe, et la frontière entre tests RTL et E2E.
- Coût
- Gratuit
- Prérequis
- Utilisez « Tests React » avec votre Muse.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor : un skill de tests pour écrire des tests de composants React qui vérifient le comportement, pas les détails d'implémentation. Il couvre le principe central (tester ce que l'utilisateur voit et fait), les tests de composants avec React Testing Library, les tests de hooks personnalisés, les assertions d'accessibilité avec axe, les mocks réseau avec MSW, et la frontière de décision entre tests RTL, tests de composants Playwright et runs E2E complets Cypress/Playwright. Il guide aussi la migration depuis Enzyme et les patterns de l'ère des composants à classes, et l'installation de Vitest ou Jest pour un nouveau projet React. Par @affaan-m, listé ici avec crédit à son créateur. Tiré du dépôt affaan-m/ECC (MIT). Bémols honnêtes : pur guide, rien à installer ; suppose un projet React avec un runner de tests ; exemples suivant les idiomes RTL modernes, les vieilles suites Enzyme devront être traduites. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.
Version :
Installation
Copiez le dossier d’installation ci-dessous, puis collez-le dans MuseLe prompt d'installation ci-dessous inclut déjà les étapes de vérification : votre agent suit la checklist communautaire avant d'installer tout ce qui contient du code exécutable. Vous en voulez plus ?
Utilisez « Tests React » avec votre Muse. Prérequis : une base de code React avec un runner de tests (Vitest ou Jest). Skill de pur guide, rien à installer. 1. Ouvrez le skill : https://github.com/affaan-m/ECC/blob/main/skills/react-testing/SKILL.md et copiez le texte complet du SKILL.md. 2. Collez-le dans un chat avec Muse et ajoutez : « Écris des tests centrés comportement pour ce composant suivant ces patterns : comportement visible par l'utilisateur, MSW pour le réseau, axe pour l'accessibilité. » 3. Pour la stratégie de tests, demandez : « Ce test relève-t-il du composant RTL ou d'un run E2E complet ? Applique la frontière de décision. » Astuce : collez un composant (plus son fichier de test actuel, le cas échéant) à la fois. Sécurité : un skill est du texte d'instructions ; il n'exécute rien tout seul. Relisez les tests générés avant de leur faire confiance, surtout les assertions autour du comportement asynchrone.
Enregistré dans vos installs récentes. Retrouvez-le à tout moment sur /connect.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.