FRmicrow/frontend-testing-react
.claude/skills/testing/frontend-testing-react/SKILL.md
Tester les composants React avec Vitest + Testing Library. Utiliser quand on teste le rendu ou les interactions.
development
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add FRmicrow/dataFootV1 frontend-testing-reactInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 16, 2026, 2:01 AM4.3s1 file scanned
SKILL.md
- name:
- frontend-testing-react
- description:
- Tester les composants React avec Vitest + Testing Library. Utiliser quand on teste le rendu ou les interactions.
- risk:
- safe
When to use
Activez cette compétence pour s’assurer que vos composants React affichent correctement les données et réagissent aux interactions utilisateur comme prévu.
Instructions
- Utilisez un outil comme Vitest + @testing-library/react pour rendre le composant en environnement de test.
- Simulez des interactions utilisateur (clics, saisie de texte) à l’aide des fonctions fournies par la bibliothèque.
- Vérifiez la présence d’éléments, de textes et d’états via des assertions (par exemple
getByText,queryByRole). - Mockez les appels API et les contextes externes pour tester le composant de manière isolée.
- Mettez à jour les tests lorsque vous modifiez l’interface afin de maintenir la cohérence.
Example
Pour un composant LoginForm, écrivez un test qui saisit une adresse e‑mail et un mot de passe, clique sur le bouton de connexion et vérifie que la fonction onSubmit est appelée avec les valeurs saisies.
Limitations
Cette compétence ne traite pas des tests visuels ou des tests end-to-end, qui nécessitent des outils comme Playwright ou Cypress.
Related Skills
FRmicrow/unit-testing-node
development
VerifiedTrustedCommunity
Écrire des tests unitaires Node.js. Utiliser quand on teste une fonction isolée avec Vitest dans backend/test/.
SKILL.mdUpdated Apr 16, 2026
FRmicrow/integration-testing
testing
VerifiedTrustedCommunity
Tester l'intégration entre services. Utiliser quand on vérifie l'interaction contrôleur/service avec Supertest + Vitest.
SKILL.mdUpdated Apr 16, 2026
FRmicrow/e2e-testing-playwright
testing
VerifiedTrustedCommunity
Écrire des tests end-to-end Playwright. Utiliser quand on teste l'application complète du point de vue utilisateur.
SKILL.mdUpdated Apr 16, 2026
FRmicrow/technical-specification
development
VerifiedTrustedCommunity
Rédiger le TSD d'une feature. Utiliser avant tout développement pour documenter le contrat API, le schéma DB et le blueprint UI.
SKILL.mdUpdated Apr 16, 2026