Pourquoi les tests unitaires sont-ils essentiels pour développer des applications React de haute qualité ? Dans ce projet, vous vous plongerez dans les principes fondamentaux du test des applications React à l'aide de la bibliothèque de test React, en construisant une suite de tests étendue pour une application réelle de recherche de films qui récupère des données à partir d'une API et les affiche à l'écran. Cette expérience pratique et concrète vous permettra de créer des applications web qui offrent une expérience utilisateur transparente.Tout au long du projet, vous apprendrez à mettre en place et à configurer l'environnement de test, en commençant par écrire un simple test "Hello World" pour saisir les bases du test avec la bibliothèque de test React. Au fur et à mesure de votre progression, vous découvrirez diverses méthodes de sélection, telles que getByRole, getByLabelText et getByTestId, tout en maîtrisant les assertions négatives pour garantir le comportement correct de l'application lorsque des conditions spécifiques ne sont pas remplies. Vous apprendrez également à simuler des interactions utilisateur telles que taper et cliquer sur des boutons à l'aide de l'utilitaire fireEvent, en testant le comportement asynchrone et les éléments rendus conditionnellement.Vers la fin, le projet vous enseignera l'art de tester les composants de manière isolée en créant et en mettant en œuvre des mocks pour les composants et les fonctions. Lorsque vous aurez terminé ce projet, vous aurez acquis l'expertise nécessaire pour appliquer les concepts et les techniques essentiels de la bibliothèque de test React afin de développer des suites de tests complètes pour les applications React. Ces connaissances vous donneront les moyens de construire des applications React robustes et maintenables qui offrent une expérience utilisateur exceptionnelle, en garantissant la fonctionnalité et la fiabilité de vos composants.Connaissances préalables que vous devriez avoir pour tirer le meilleur parti de ce projet:JavaScript : Familiarité avec les principes fondamentaux de JavaScript, notamment les variables, les fonctions, les boucles, les instructions conditionnelles et la programmation asynchrone (par exemple, async/await) ainsi que la gestion des événements en JavaScript vanille, React, l'interaction API de base avec fetch ou Axios. Éditeur de texte ou EDI tel que Visual Studio Code, Atom, ou Sublime Text.

Tests unitaires dans React.js : Créer une suite de tests unitaires
Obtenez l'une de nos meilleures offres avec Coursera Plus pour 199 $ (habituellement 399 $). Économisez maintenant.

Tests unitaires dans React.js : Créer une suite de tests unitaires

Instructeur : Rudi Hinds
Inclus avec
Demander à Coursera
Expérience recommandée
Ce que vous apprendrez
Créez divers cas de test en utilisant différentes méthodes de sélection, telles que getByText, getByRole et getByTestId.
Développer et mettre en œuvre des assertions de test négatives pour les éléments affichés de manière conditionnelle et les scénarios de test asynchrones
Utiliser des techniques de simulation pour reproduire le comportement des composants
Compétences que vous pratiquerez
- Catégorie : Tests de développement
- Catégorie : Cas de test
- Catégorie : Tests de logiciels
- Catégorie : Outils de test
- Catégorie : Test de l'API
- Catégorie : Tests unitaires
- Catégorie : Développement de scripts de test
- Catégorie : Javascript
- Catégorie : React.js
Outils que vous utiliserez
- Catégorie : Outils de développement web
Détails à connaître

Ajouter à votre profil LinkedIn
Disponible uniquement sur ordinateur
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

Apprendre, pratiquer et appliquer des compétences prêtes à l’emploi en moins de 2 heures
- Bénéficiez d’une formation par des experts du secteur
- Gagnez en expérience pratique en effectuant des tâches professionnelles du monde réel
- Renforcez votre confiance en utilisant les outils et technologies les plus récents

À propos de ce Projet Guidé
Apprendrez étape par étape
Votre enseignant(e) vous guidera étape par étape, grâce à une vidéo en écran partagé sur votre espace de travail :
Bootstrap créer un projet React app et connecter reactDOM à index.html
Écrire notre propre encapsulation personnalisée pour un élément d'entrée
Créer un composant dynamique en passant des Props dans l'arbre de rendu
Démontrer sa compréhension de ReactDOM, de l'encapsulation des composants et de l'arbre de rendu
Créer un flux de données non récurrent avec des fonctions de rappel et une gestion d'état
Mettre en œuvre des effets de bord avec le crochet useEffect() dans les composants fonctionnels de React
Tâche cumulée
Expérience recommandée
Les bases de JavaScript, notamment les variables, les fonctions, les boucles, les conditions, la programmation async/await, la gestion des événements, React et les requêtes API via `fetch`
2 images de projet
Instructeur

Offert par
Méthode d’apprentissage
Apprentissage pratique basé sur les compétences
Mettez en pratique de nouvelles compétences en effectuant des tâches professionnelles.
Conseils d’experts
Suivez les vidéos pré-enregistrées d’experts à l’aide d’une interface unique, divisée en deux.
Aucun téléchargement ou installation requis(e)
Accédez aux outils et aux ressources dont vous avez besoin dans un espace de travail cloud préconfiguré.
Disponible uniquement sur ordinateur de bureau
Ce Projet Guidé est conçu pour les ordinateurs portables ou de bureau disposant d’une connexion internet fiable, et non pour les appareils mobiles.
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Jennifer J.

Larry W.

Chaitanya A.
Vous aimerez peut-être aussi
Statut : Essai gratuit
Statut : Essai gratuit






