Tester les crochets personnalisés (aperçu)

Objectif : vérifiez le comportement d’une fonction personnalisée au moyen d’un petit composant de test.

• Fournissez des entrées
• Observez les valeurs renvoyées
• Vérifiez les effets et le nettoyage

Stratégie :

• Créez un petit composant qui utilise la fonction
• Exposez des boutons ou des champs de saisie pour déclencher des changements
• Vérifiez le résultat grâce au texte visible ou aux journaux de la console

Nous créons useCounter et un petit composant de test pour cliquer et observer les résultats, comme lors d’une vérification manuelle.

Pour les fonctions qui utilisent des effets (minuteurs ou écouteurs), assurez-vous que le composant de test est monté puis démonté, ou modifiez les conditions, afin de voir le nettoyage s’exécuter (sans journaux ni minuteurs indésirables).

Une petite fonction useInterval incrémente un compteur. Le composant de test peut démarrer et arrêter l’intervalle pour vérifier le nettoyage.

Étapes suivantes :

• Utilisez React Testing Library pour afficher le composant de test et vérifier le texte
• Utilisez les minuteurs de Vitest/Jest pour faire avancer le temps lors des tests des fonctions d’intervalle ou de temporisation
• Gardez les fonctions pures et exposez une API minimale pour faciliter les tests

Récapitulatif : créez un petit composant de test pour faire fonctionner la fonction, vérifiez les résultats et le nettoyage, puis passez à des tests formels avec une bibliothèque de test.