Créer des tests unitaires JavaScript avec Jest en 30 minutes

Подписаться 20 тыс.

Просмотров 10 тыс.

50% 1

Tuto Jest en français. En poste, on vous demande généralement de développer puis de créer des test unitaires (TU) qui testent vos nouvelles fonctionnalités. C'est à la partie tests unitaires qu'est consacré ce tuto dédié au framework de test Jest.
Soyez informé des nouvelles formations Code Concept (Front, Back, FullStack) et recevez des coupons de réduction en avant-première :
codeconcept.ck.page/4ea408d1b4
Formations Front, Back et FullStack :
codeconcept.teachable.com/
Accès rapide :
0:00 présention de Jest, framework de test basé sur Jasmine et Istanbul
1:06 installation de Jest
4:16 création et exécution d'un premier test Jest
16:48 lancement de l'outil de test coverage
16:47 auto-complète des fonctions mises à disposition par Jest
17:34 ajouter les types permettant de bénéficier de l'autocomplétion sur les nombreux matchers
20:43 lancer Jest en watch mode
22:15 initiation au Test Driven Development (TDD)
27:37 fonction qui permet de détecter un palindrome
34:55 librairies de test pour les principaux frameworks et librairies Front
Liens cités dans la vidéo :
jestjs.io/fr/docs/getting-sta...
testing-library.com/docs/angu...
testing-library.com/docs/vue-...
testing-library.com/docs/reac...
react-hooks-testing-library.c...
testing-library.com/docs/svel...
jestjs.io/fr/docs/snapshot-te...

Опубликовано:

22 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 31

@rickyrick6901 Год назад

Clair, simple, rapide, efficace. MERCI M'sieur :)

@codeconcept Год назад

Merci Ricky :)

@benjamindemot2 3 года назад

Vivement la suite! Au passage, j'aime beaucoup cette chaîne. De part les sujet qui y sont traités mais aussi (surtout) grâce à ta personnalité. Expertise, pédagogie et humour, voilà la recette pour moi!

@codeconcept 3 года назад

La suite est en ligne depuis quelques minutes ;) Et merci Benjamin pour ce commentaire vraiment sympa :)

@ludovicvasseur9278 3 месяца назад

merci pour cette pépite

@xavierfontaine5085 3 года назад

Bravo pour cette réactivité 😉 À mettre en œuvre dans Nest et Angular... Et un autre bravo pour la qualité de la proposition toujours au rendez-vous 👏

@codeconcept 3 года назад

Merci Xavier :) Il faut bien avouer que c'était l'arlésienne depuis bien 2 ou 3 ans. Quand j'ai vu qu'on était déjà mi 2021 (!), je me suis dit qu'il était grand temps d'enfin sortir une playlist sur les tests :D

@fbmfbm 3 года назад

Super !! J'espère que cette playlist va s'étoffer rapidement tant le sujet est vaste : tests unitaires et e2e en environnement React et Vue avec mise en œuvre des bonnes pratiques. Impatient de voire la suite !

@codeconcept 3 года назад

Merci Fabien :) Etant donné qu'il m'a fallu 2 ou 3 ans pour me décider à créer des vidéo sur le sujet, je ne vais pas m'engager sur les délais de la suivante. Même si le test, plus on en pratique, plus on apprécie. J'ai en réserve des choses complémentaires aux tests (comme l'automatisation et le web scrapping). Mais je vais tâcher de mettre régulièrement du contenu relatif au test, si possible en TDD comme ça, je peux continuer à créer des POCs tout en faisant du test ;)

@rocramos6091 2 года назад

Merci beaucoup, très bonne vidéo. Bonne continuation pour la suite

@codeconcept 2 года назад

Merci Roc :)

@amlslmn4573 2 года назад

Merci pour cette vidéo, cela me permet de découvrir rapidement le fonctionnement de Jest même si j'ai du mal à en comprendre l'intérêt lorsque l'on crée des landing pages interactives sous React, mais c'est certainement parce que mon niveau ne me permet pas encore de comprendre, ça arrivera :) Plus j'apprend des choses, et plus je me rends compte que je ne sais pas grand chose.

@codeconcept 2 года назад

Merci Aml :) Oui les tests sont effectivement plus importants sur les plus grosses applications ou bien sur de petites applications qui portent sur des points sensibles. Dans ces cas-là, grâce aux tests, un bug sera détecté pendant les tests plutôt qu'une fois que l'application sera en production. Dans beaucoup de missions, le chiffrage inclut la création des tests. En gros on chiffre documentation + développements + test unitaires.

@hacenboulkheir9961 2 года назад

C'est TOP ta vidéo, MERCI !

@codeconcept 2 года назад

Merci ;)

@christophebreysse5218 Год назад

Bonjour Merci pour cette vidéo explicative. Je me permettrais de rajouter à 27:14 qu'avant d'aller modifier la fonction isPalindrom il faudrait écrire le test «n'est pas un palindrome». Cela va, bien entendu provoquer une erreur de test et là effectivement on ira refactorer la fonction pour qu'elle satisfasse aux deux tests. Ceci dit je vais aller voir vos autres vidéos. J'ai beaucoup apprécié votre façon d'expliquer les choses. Encore merci.

@codeconcept Год назад

En effet, tester qu'on n'est pas en présence d'un palindrome est une bonne idée ;)

@ludocel 2 года назад

Merci pour ta vidéo TOP!!

@codeconcept 2 года назад

Merci Ludo ;)

@boschierob 3 года назад

Grand merci !

@codeconcept 3 года назад

Merci Bruno. Et bons tests ! ;)

@jjuliefrance 2 года назад

Super. Merci

@codeconcept 2 года назад

Merci Julie. Et bons tests alors :)

@AntonioConceicao1978 3 года назад

Salut, lorsque tu sélectionne du texte dans vscode, tu vois le nombre de caractère de ta sélection dans le status bar bleu. Très bon travail tout de même.

@codeconcept 3 года назад

Merci Antonio. Pour le commentaire ... et pour le nombre de caractères dans la status bar 👍 :D

@yoanncalamai1241 3 года назад

Merci pour ce tuto très intéressant. Pour ceux qui voudrait faire le tuto avec Docker, donc sans installer node sur directement sur leur machine (ou avec différentes versions de node) : # init project docker run --rm -v $(pwd):/app -w /app node:16 npm init -y # install jest docker run --rm -v $(pwd):/app -w /app node:16 npm install -D jest docker run --rm -v $(pwd):/app -w /app node:16 npm install -D @types/jest # run test docker run --rm -v $(pwd):/app -w /app node:16 npm run test

@codeconcept 3 года назад

Merci Yoann :) J'avais été échaudé par la complexité de Docker (les longues sessions de configurations), jusqu'à ce qu'un pote linuxien me montre que sous Linux, une ligne de commande suffit, là où sous Windows, il fallait consacrer beaucoup de temps en config. C'était il y a quelques années ceci dit, peut-être que les choses sont devenues plus faciles en 2021 sous Windows.

@bobby-belgian2053 2 года назад

Il y a pas eu de Hellfest en 2021 (non la version online ça compte pas)

@codeconcept 2 года назад

Arf, ma remarque sur le Hellfest n'est pas passée inaperçue :p

@justicetout 2 года назад

Je suis débutant, je ne comprends rien. Yarn, Test unitaires... faut vraiment que je me renseigne avant sur le vocabulaire.

@codeconcept 2 года назад

C'est normal : l'écosystème est riche et varié, pour ne pas dire complexe. Surtout en Front. Mais on s'y fait rapidement. Ca pourrait être l'occasion d'une vidéo de détailler toutes les pièces de ce puzzle ;)