This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
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 š
RequĆŖtes React Testing Library
-
1Introduction
-
2Ressources en tƩlƩchargement
-
3Adapter la formation Ć votre rythme
-
4Configuration des Ć©crans du cours
-
5RTL et JEST
-
6Types de tests
-
7Initialiser notre application React.js
-
8Configuration de notre application
-
9Lancer notre premier test
-
10Analyse du test React par dƩfaut
-
11RĆ©visions Jest watch mode
-
12RĆ©visions Jest watch mode - Suite
-
13DƩveloppement pilotƩ par les tests (TDD)
-
14Quoi tester dans une application React.js ?
Quiz 1
-
15RƩcupƩrer les ƩlƩments avec RTL
-
16Types de requĆŖtes et prioritĆ©s
-
17PrĆ©cisions sur la requĆŖte getByRole
-
18Exercice getByRole
-
19Correction de l'exercice getByRole - Partie 1
-
20Correction de l'exercice getByRole - Partie 2
-
21getByRole avec options
-
22getByLabelText
-
23Exercice getByPlaceholderText
-
24Exercice getByText
-
25Exercice getByDisplayValue
-
26Exercice getByAltText
-
27Exercice getByTitle
-
28Exercice getByTestId
-
29Le querySelector
-
30Rappel des requĆŖtes Get, Query, Find et prĆ©paration de l'exercice
-
31Exercice getAllByRole
-
32Jest Matchers
-
33GetAllByTitle avec le matcher toBe()
-
34Types de TextMatch
-
35RequĆŖte getBy vs queryBy
-
36RequĆŖte Find (async/await)
-
37Exercice findByRole (async/await)
-
38Exercice waitForElementToBeRemoved et waitFor
Tester les interactions utilisateurs
Exercices pratiques sur l'application macbooc-air
-
40Introduction aux interactions utilisateurs
-
41Interactions utilisateurs et mƩthode userEvent
-
42Exercice 1
-
43Correction Exercice 1
-
44Exercice 2 et sa correction
-
45Exercice 3 fireEvent
-
46Exercice 4 userEvent
-
47Exercice 5
-
48Correction Exercice 5
-
49Exercice 6
-
50Correction Exercice 6
-
51Exercice avec clics successifs
-
52Exercice 7 checkbox clics
-
53Exercice 8 DĆ©cocher le checkbox
-
54Exercice 9 Tester les ƩvƩnements onMouseOver et onMouseOut
-
55Correction de l'exercice 9
-
56Exercice 10 avec tab()
-
57Exercice 11 Type et clear
-
58Exercice 12 selectOptions & deselectOptions
-
59Clipboard API