Maîtrisez les Tests REACT.js avec RTL et JEST

Catégories : axios, React, Tests React
Liste de souhaits Partager
Partager le cours
Lien de la page
Partager sur les réseaux sociaux

À propos du cours

Souhaitez-vous non seulement développer des applications React, mais également être en mesure de les tester?

Bienvenue dans ma nouvelle formation sur les
Tests React avec “REACT TESTING LIBRARY” et “JEST”.

Je suis ravi de vous accompagner dans ce parcours d’apprentissage qui vous permettra de maîtriser les tests dans le monde passionnant de React.

Je m’appelle Tahar, je suis développeur sénior avec plusieurs années d’expérience que je partage avec vous ici sur SuccessCoder.com. Aujourd’hui, je suis ravi de mettre mon expertise à votre service dans cette nouvelle formation dédiée aux tests React avec React Testing Library et JEST.

En effet, React Testing Library et Jest ont connu une popularité croissante en tant qu’outils de test pour les applications React, et cela n’est pas sans raison.

Tout d’abord, React Testing Library est reconnue pour ses bonnes pratiques de test basées sur la logique suivante :

“Plus vos tests ressemblent à la façon dont votre logiciel est utilisé, plus ils peuvent vous donner confiance.”

Cette approche met en évidence l’importance de créer des tests qui reproduisent fidèlement le comportement réel de votre logiciel.

En outre, React Testing Library est conçue pour encourager l’adoption de ces pratiques comme la mise en avant des tests de comportement plutôt que des tests d’implémentation, la réalisation de tests qui interagissent avec votre application de la même manière qu’un utilisateur, la recherche d’éléments en utilisant les repères d’accessibilité pour garantir que votre code est aussi accessible que possible, etc.

C’est ce que nous allons étudier dans les détails tout au long de cette formation qui va durer un peu plus de 16 heures de cours en vidéos, exercices, Quiz, etc.

Qu’allez-vous apprendre dans cette nouvelle formation ?

  • Section 1: Introduction et notions théoriquesDans cette première section d’introduction, nous allons jeter les bases nécessaires pour comprendre l’importance des tests React et de React Testing Library. Vous apprendrez à configurer votre environnement de travail et à lancer vos premiers tests. Vous découvrirez également les principes du développement piloté par les tests (TDD) et comprendrez ce qu’il faut tester dans une application React.js.
  • Section 2: Requêtes React Testing LibraryCette deuxième section se concentre sur l’utilisation de React Testing Library pour récupérer les éléments de votre application et maîtriser les requêtes ciblées de React Testing Library. Vous découvrirez, à travers des exercices pratiques, les différentes requêtes disponibles avec getBy.., queryBy…, et findBy.. Ainsi, vous renforcerez vos compétences dans l’utilisation efficace de toutes ces requêtes.
  • Section 3: Quiz de 10 questionsAprès avoir acquis les connaissances des sections précédentes, vous pourrez mettre à l’épreuve votre compréhension grâce à un quiz interactif de 10 questions. Cela vous permettra de consolider votre apprentissage et de mesurer votre progression.
  • Section 4: Tester les interactions utilisateursDans cette section, vous apprendrez à tester les interactions utilisateurs dans vos applications React. Vous découvrirez comment simuler et tester des actions utilisateurs. Vous travaillerez sur une série d’exercices pratiques pour tester des fonctionnalités telles que les clicks successifs, les actions sur les checkboxes, les événements onMouseOver et onMouseOut, et bien d’autres encore.
  • Section 5: Exercices pratiques sur l’application Macbook-AirDans cette section, nous passerons à des exercices pratiques concrets en développant et testant une véritable application de paramétrage de capacité RAM et SSD pour l’achat d’un ordinateur Macbook-Air. Nous allons nous inspirer de la véritable page de vente sur le site d’apple. Ainsi, vous explorerez des concepts avancés tels que l’installation de plugins, la gestion des alertes, les tests avec des données récupérées via les requêtes HTTP ou celles passées dans le Provider, l’utilisation de Jest Mock Function. De plus, nous aborderons des sujets spécifiques tels que les fonctions de test unitaires, en fournissant des conseils pratiques pour écrire des tests plus robustes et maintenables. Vous apprendrez également des techniques pour bien gérer vos tests dans des cas particuliers et manipuler les Providers avec RTL et un wrapper et bien plus encore …
  • Section 6: Quiz de 10 questionsEncore une fois, vous allez pouvoir teste vos connaissances acquises dans la section précédente avec un quiz supplémentaire de 10 questions. Cela vous permettra de consolider encore plus vos compétences et de vous assurer que vous maîtrisez les concepts clés abordés dans les cinq sections étudiées.
  • Section 7: Autres astuces et bonnes pratiques pour des tests React performants”Dans cette section finale, nous aborderons diverses astuces et bonnes pratiques pour améliorer encore davantage vos compétences en tests React. Vous découvrirez des conseils pratiques pour optimiser vos tests, filtrer les tests spécifiques, mettre en place des conventions RTL pour nommer vos fichiers et dossier de tests.Nous explorerons également des outils et des fonctionnalités avancées tels que le Code Coverage pour évaluer la couverture de vos tests, les utilitaires de débogage comme screen.debug, logRoles et prettyDOM pour faciliter le diagnostic, ainsi que le Testing Playground et son extension Chrome pour une expérience de test encore plus fluide en passant par EsLint, Prettier, Husky, etc. Bref, cette section complète votre formation en vous donnant les dernières astuces et bonnes pratiques pour vous aider à devenir un expert des tests React. Vous serez prêt à relever n’importe quel défi de test dans vos projets React et à fournir des applications de haute qualité.Toutes ces notions avancées, astuces et bonnes pratiques vous aideront à consolider votre compréhension des tests React et à atteindre un niveau de compétence supérieur.

Cette formation est spécialement conçue pour vous, en tant que développeurs passionnés, désireux d’acquérir des compétences avancées en tests React.

Ne manquez pas cette occasion d’élargir vos horizons et de devenir un développeur React de premier plan. Ne vous arrêtez pas aux notions de bases React ! Distinguez-vous des autres développeurs React en passant à la vitesse supérieur! Continuez à suivre notre parcours d’apprentissage, et vous serez prêt à relever tous les défis que vous rencontrerez dans le domaine du développement React et soyez prêt à devenir un expert des tests React!

Rejoignez-moi dans cette nouvelle formation et passez au niveau supérieur !

Je vous expliquerai tous les concepts d’une façon simplifiée, comme j’ai l’habitude de le faire dans toutes mes formations, pour que vous puissiez TOUS suivre sans difficultés, quel que soit votre niveau!

On verra les tests unitaires, des tests d’intégration, des tests End-toEnd, le Happy Path Testing, les Black et White Box Testing, les Unit Testing Functions, le développement piloté par les tests (TDD), afin d’assurer une qualité supérieure à vos projets React.

Soyez parmi les premiers à bénéficier de mon expertise éprouvée, de mes conseils pratiques et de ma passion pour React, ainsi que de mes méthodes de test pour développer des applications robustes.

  • En suivant cette formation, vous serez en mesure de monter en compétences et devenir un véritable développeur React polyvalent, très recherché par les recruteurs et les grandes entreprises.
  • Les compétences en tests React sont de plus en plus obligatoires dans le paysage du développement web moderne, et cette formation vous aidera à vous démarquer des autres soi-disant “Dev React”.

Ne manquez pas cette opportunité de faire évoluer votre carrière et de devenir un expert des tests React.

Je suis impatient de partager mes connaissances avec vous, les amis, et de vous aider à atteindre vos objectifs. Rejoignez dès maintenant cette formation sur les tests React et commencez votre parcours vers le succès !

Les ressources en téléchargement :

  • Application React d’exercices (my-app)
  • Application React pour les exercices pratiques (macbook-air)
  • Macbookair JsonServer pour simuler les requêtes serveur en local
  • Slides du cours en PDF (64 pages)

Je vous donne rendez-vous dans la première section pour démarrer 😉

Afficher plus

Qu’allez-vous apprendre ?

  • Maîtriser les concepts fondamentaux des tests React avec React Testing Library et Jest pour assurer la qualité de vos applications React.
  • Utiliser & maîtriser les requêtes de React Testing Library pour interagir avec les éléments de l'interface utilisateur et valider leur comportement.
  • Tester les interactions utilisateur en simulant des événements tels que les clics, les saisies, les validations. etc.
  • Comprendre les bonnes pratiques de tests et les conventions pour organiser et maintenir vos suites de tests.
  • Explorer les astuces et les outils supplémentaires pour améliorer votre productivité en matière de tests React.
  • Utiliser des méthodes de test avancées telles que le filtrage des tests, l'utilisation de Code Coverage et l'analyse du rendu.
  • Développer des compétences essentielles pour travailler sur de grands projets en entreprise en respectant les normes de test.
  • Écrire des tests unitaires et d'intégration robustes pour garantir le bon fonctionnement de chaque composant.
  • Mettre en œuvre le développement piloté par les tests (TDD) pour une approche itérative et fiable du développement.
  • Effectuer des tests avancés tels que la gestion des alertes, l'utilisation de Mock Service Worker et l'intégration avec les Providers.
  • Utiliser Jest pour la gestion des assertions et les mocks pour mettre en oeuvre des tests efficaces et robustes.
  • Comprendre les principes de performance des tests et utiliser des outils pour évaluer les performances de vos tests.
  • Acquérir une compréhension approfondie des tests unitaires, tests d'intégration et tests end-to-end dans vos projets React.
  • Préparer et passer avec succès des entretiens techniques où les compétences de test React sont évaluées et bien plus encore

Contenu du cours

Introduction et notions théoriques
Introduction et notions théoriques relatives aux tests avec React Testing Library et Jest

  • Introduction
    08:49
  • Ressources en téléchargement
  • Udemy ou SuccessCoder ?
  • Adapter la formation à votre rythme
  • Configuration des écrans du cours
    02:38
  • RTL et JEST
    06:58
  • Types de tests
    04:39
  • Initialiser notre application React.js
    08:19
  • Configuration de notre application
    06:38
  • Lancer notre premier test
    05:14
  • Analyse du test React par défaut
    11:22
  • Révisions Jest watch mode
    09:26
  • Révisions Jest watch mode – Suite
    09:37
  • Développement piloté par les tests (TDD)
    09:02
  • Quoi tester dans une application React.js ?
    04:41

Requêtes React Testing Library
Dans cette section, on verra les requêtes React Testing Library

Quiz 1
Dans cette section, nous allons tester nos connaissances acquises jusqu'ici ;-)

Tester les interactions utilisateurs
Dans cette section, nous allons voir comment tester les interactions utilisateurs sur nos applications React.

Exercices pratiques sur l’application macbooc-air
Dans cette section, nous allons enfin entamer quelques exercices pratiques sur une nouvelle application nommée "macbooc-air"

Autres astuces et bonnes pratiques
Maintenant que vous maîtrisez les tests React avec RTL et Jest, voici quelques astuces et bonnes pratiques.

Quiz 2
C'est le moment de tester encore une fois nos connaissances avec un deuxième quiz de 10 questions ;-)

Remerciements

Notes et avis de l’apprenant

Encore aucun avis !
Encore aucun avis !