Maîtrisez les Tests REACT.js avec RTL et JEST (2024 - FR)
Apprenez les meilleures pratiques de test et préparez-vous à exceller dans les projets React en entreprise (17 heures)
Ratings 4.44 / 5.00
What You Will Learn!
- Maîtriser les concepts fondamentaux des tests React avec React Testing Library et Jest pour assurer la qualité de vos applications React.
- Écrire des tests unitaires et d'intégration robustes pour garantir le bon fonctionnement de chaque composant.
- Utiliser & maîtriser les requêtes de React Testing Library pour interagir avec les éléments de l'interface utilisateur et valider leur comportement.
- Mettre en œuvre le développement piloté par les tests (TDD) pour une approche itérative et fiable du développement.
- Tester les interactions utilisateur en simulant des événements tels que les clics, les saisies, les validations. etc.
- Effectuer des tests avancés tels que la gestion des alertes, l'utilisation de Mock Service Worker et l'intégration avec les Providers.
- Comprendre les bonnes pratiques de tests et les conventions pour organiser et maintenir vos suites de tests.
- Utiliser Jest pour la gestion des assertions et les mocks pour mettre en oeuvre des tests efficaces et robustes.
- Explorer les astuces et les outils supplémentaires pour améliorer votre productivité en matière de tests React.
- Comprendre les principes de performance des tests et utiliser des outils pour évaluer les performances de vos tests.
- Utiliser des méthodes de test avancées telles que le filtrage des tests, l'utilisation de Code Coverage et l'analyse du rendu.
- Acquérir une compréhension approfondie des tests unitaires, tests d'intégration et tests end-to-end dans vos projets React.
- Développer des compétences essentielles pour travailler sur de grands projets en entreprise en respectant les normes de test.
- Préparer et passer avec succès des entretiens techniques où les compétences de test React sont évaluées et bien plus encore
Description
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 Udemy. 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éoriques
Dans 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 Library
Cette 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 questions
Aprè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 utilisateurs
Dans 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-Air
Dans 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 questions
Encore 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 ;-)
Who Should Attend!
- Les développeurs souhaitant se démarquer sur le marché du travail en maîtrisant les tests React.
- Les développeurs React qui souhaitent approfondir leurs connaissances en matière de tests et renforcer la qualité de leurs applications.
- Les codeurs d'application React qui veulent acquérir des compétences solides en matière de tests.
- Les étudiants en informatique qui veulent se spécialiser dans le développement d'applications React et les tests associés.
- Les architectes logiciels qui cherchent à intégrer des pratiques de tests efficaces dans leurs projets React.
- Les développeurs front-end qui veulent élargir leur expertise en incluant les tests dans leur processus de développement.
- Les passionnés qui cherchent à enrichir leur boîte à outils avec des compétences de test React.
- Les développeurs qui veulent monter en compétence et adopter les meilleures pratiques de test sur les projets React.
- Les développeurs React qui cherchant à renforcer leur CV en ajoutant des compétences en tests React.
- Les entreprises qui veulent garantir la qualité de leurs applications React sans dépendre entièrement des testeurs dédiés.
- Les développeurs souhaitant se sentir confiants lorsqu'ils effectuent des modifications sur des applications React existantes grâce à des tests solides.
- Et toutes les personnes curieuses et motivées qui ont un intérêt pour le développement React et qui veulent explorer les tests sur les projets React.