javascript-testing-patterns
Écrire des tests JavaScript avec Jest et Vitest
L'écriture de tests fiables pour les applications JavaScript et TypeScript prend du temps et est sujette aux erreurs. Cette compétence fournit des modèles de tests prêts à l'emploi pour les tests unitaires, les tests d'intégration et les tests de composants avec simulation, fixtures et workflows TDD.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "javascript-testing-patterns". Write tests for a user service that creates, updates, and deletes users
Résultat attendu:
- Created UserService with CRUD operations
- Tested create() method - success case and duplicate user error
- Tested update() method - success case and user not found error
- Tested delete() method - successful deletion and non-existent user
- Used beforeEach to reset service state between tests
- Added comprehensive assertions for all edge cases
Utilisation de "javascript-testing-patterns". Create a test for an API service that fetches data from an external endpoint
Résultat attendu:
- Set up ApiService with fetchUser and createUser methods
- Mocked global.fetch with vi.fn() for isolated testing
- Tested successful user fetch with mock response
- Tested error handling for failed API calls
- Verified correct HTTP methods and request bodies
Utilisation de "javascript-testing-patterns". Write a React component test for a form with user input and submission
Résultat attendu:
- Rendered UserForm component with Testing Library
- Tested input field rendering and state updates
- Verified onSubmit callback fires with correct data
- Used fireEvent to simulate user interactions
- Added testid attributes for reliable element selection
Audit de sécurité
SûrThis is a documentation-only skill containing testing pattern examples. The static analyzer flagged 153 patterns, but ALL are FALSE POSITIVEs: weak crypto alerts are triggered by test fixture strings (hashed_password), backtick alerts are TypeScript template literals, path traversal alerts are relative import paths in test code, and the critical heuristic is an invalid combination of benign testing patterns. The previous audit correctly classified this as SAFE.
Facteurs de risque
🌐 Accès réseau (33)
⚙️ Commandes externes (43)
📁 Accès au système de fichiers (9)
🔑 Variables d’environnement (8)
Score de qualité
Ce que vous pouvez construire
Tester les composants React
Écrire des tests de composants avec React Testing Library pour vérifier le comportement de l'interface utilisateur et les interactions utilisateur.
Tester les points de terminaison API
Créer des tests d'intégration pour les REST APIs avec des fixtures de base de données et des flux d'authentification.
Implémenter le workflow TDD
Suivre les modèles de développement piloté par les tests pour créer des fonctions et services fiables avec une couverture élevée.
Essayez ces prompts
Écrire des tests unitaires pour cette fonction qui couvrent les cas normaux, les cas limites et les conditions d'erreur.
Créer des tests pour ce service qui simule les appels API externes en utilisant vi.mock ou jest.mock.
Écrire des tests de composants avec @testing-library/react qui testent les interactions utilisateur et le rendu.
Créer des tests d'intégration pour ce point de terminaison REST API incluant l'authentification et le nettoyage de la base de données.
Bonnes pratiques
- Utiliser le motif AAA : Organiser les entrées, Agir sur la fonction, Vérifier les résultats attendus
- Simuler les dépendances externes pour garder les tests rapides et isolés des services réels
- Tester le comportement, pas les détails d'implémentation, pour rendre les tests résistants à la refactorisation
Éviter
- Éviter de tester les détails d'implémentation qui changent fréquemment
- Ne pas écrire de tests qui dépendent de l'ordre d'exécution ou d'un état partagé
- Ne pas sauter la simulation de services externes lents dans les tests unitaires