Retour a la bibliotheque learn
8 questions dans la collection

Bases d'entretien testing React

Une collection testing sur Jest, React Testing Library, l'UI asynchrone et la verification de hooks pour les candidats qui veulent mieux expliquer leur demarche de test.

A lire quand tu veux expliquer comment tu verifies un comportement React au lieu d'enumerer des noms d'outils.
Workspace
Transformer la lecture en vraie boucle d entrainement

L experience learn complete vit dans le workspace : signaux de cours, checkpoints, practice ciblee et renvoi en review.

suivre les cours vus et les resultats de checkpoint
lancer une practice ciblee directement depuis un cours
renvoyer les cours en review espacee

Apercu de la collection

Tu peux inspecter ici la sequence et la couverture des sujets. La boucle guidee complete reste dans le workspace dashboard.

Choix multipleJuniorD2
Quelles affirmations decrivent correctement la relation entre Jest et React Testing Library ?

Jest fournit le runner, les mocks et les assertions, tandis que React Testing Library se concentre sur le rendu des composants et leur interrogation depuis le point de vue de l'utilisateur.

Testing et verification ReactFondations du testing React
Choix simpleJuniorD2
Pourquoi les tests utilisent-ils souvent des queries findBy ou waitFor quand un composant React se met a jour apres un travail asynchrone ?

Quand un composant change apres un fetch ou un autre effet asynchrone, findBy et waitFor permettent d'attendre la vraie transition UI au lieu d'assert trop tot.

Testing et verification ReactFondations du testing React
Choix simpleJuniorD2
Comment testes-tu en general un composant React qui depend de valeurs de contexte ?

L'approche habituelle consiste a rendre le composant a l'interieur du provider correspondant et a y injecter la valeur de test, plutot que d'essayer de contourner useContext directement.

Testing et verification ReactFondations du testing React
Reponse ouverteIntermédiaireD3
Quand tu testes un composant React qui va chercher des donnees, qu'est-ce que tu mocks en general, et pourquoi mocker la frontiere API est-il plus solide que mocker de gros morceaux de l'arbre de composants ?

Il est en general plus solide de mocker la frontiere API ou la fonction de donnees, puis de laisser le vrai composant se rendre et se mettre a jour, parce que le test verifie alors le vrai comportement UI du composant.

Testing et verification ReactFondations du testing React