Le testing - comment on test ses applications en 2024?
ฝัง
- เผยแพร่เมื่อ 27 ก.ค. 2024
- Intéressé par apprendre à créer tes applications en clean architecture ? J’ai crée une formation vidéo : formation-cleanarchitecture.com
J’ai creusé le testing ces derniers mois.
Sujet mal compris parfois. Trop chronophage pour d’autres. Donc évité ou abandonné par les devs.
Si vous posez la question de pourquoi on test, quelle stratégie de testing appliquer, suivez cette vidéo.
Pas de méthode exacte en testing.
MON PROGRAMME DE FORMATION (15h de vidéos) :
🧠 Formation Clean Architecture front-end - Deviens véritablement senior, apprends le développement rapide et simple d'applications de très haute qualité → formation-cleanarchitecture.com
📧 MA NEWSLETTER (IRRÉGULIÈRE) : devsfreelancesacademy.substac...
OÙ JE SUIS SUR LES RÉSEAUX :
📸 Rejoins-moi sur Instagram : / julien_lucas
👨💼 Linkedin : / julien-lucas-jl
Chapitres :
00:00 - Intro
02:36 - Le testing a beaucoup changé ces dernières années
04:24 - Pourquoi on test ?
06:49 - Les stratégies pour tester son applications (front ou back)
09:13 - Comment tester un front-end de manière moderne
11:17 - Je dévoile ma stratégie pour tester mes front-end
14:53 - Outro
Qui je suis?
Développeur front-end (autour de React) depuis 2018. J’ai eu l’opportunité de travailler en freelance dans quelque startups et scaleups. Après avoir été 4 pendant années développeur Wordpress, freelance aussi.
Sur cette chaîne je t’aide à devenir meilleur développeur, booster ta bankabilté, mieux te vendre, que ce soit en salarié, freelance ou peu importe. Tout avec tout ce qui tourne autour du business et du code. - วิทยาศาสตร์และเทคโนโลยี
Étant débutante je ne suis pas dans le testing trophy mais plutôt dans le testing nothing 😂 Du coup votre vidéo tombe vraiment bien, ça m'a permis de prendre conscience de l'importance de tester, en plus d'en apprendre davantage sur le sujet (qui m'était très flou jusque-là). Merci^^
Pas fantastique cette vidéo @giovanna2787, mais il y a quand même quelques bons nuggets.
J'espère que tu te mettra à tester maintenant. 😏
C'est top. Merci pour la découverte de l'outil MSW ! (:
Merci 🫡.
Intéressant mais à mon sens, c’est dommage de ne pas avoir parlé de Storybook. Je pense que c’est une vrai révolution dans le testing (donner un retour visuel aux tests par exemple pour des non dev, notamment).
Également, je pense qu’il y a une confusion sur la définition de test E2E. Pour moi, le principe c’est justement de ne pas mocker, d’où le nom: bout en bout. Idem, testing library ne permet pas de faire du E2E mais de tester des interfaces. En l’occurrence j’aurai plutôt tendance à appeler ça des tests d’intégration dès lors qu’on ne requête pas le back grâce à des outils comme MSW.
Effectivement testing-library ce n'est pas du e2e. Je trouve le terme "test d'intégration" assez flou en front-end, perso je préfère parle de tests de composants
@hugofontvieille7078 Effectivement j'aurai pu mettre Storybook dans ma liste. C'est d'ailleurs un des outils les plus appréciés des devs dans le StateofJS.
Et yes, c'est vrai aussi, Testing Library est juste une lib tests d'UI finalement. Il y a beaucoup plus pousss en end-to-end, mais perso j'ai jamais testé.
Merci pour le com, un connaisseur. :)
Testing Library c’est juste une lib opiniated sur comment interagir avec la UI d’un point de vu utilisateur. Ce n’est absolument pas spécifique a du e2e et elle peut être utilisée a différents niveaux que ce soit du e2e ou de l’intégration. Pour ça que tu la retrouves également sur Storybook. La lib n’est pas spécifique a une quelconque catégorie de tests
Hello Julien, merci pour tes vidéos. Comment tu as fait pour trouver ta première mission React en freelance ? Et est-ce que tu arrives à travailler en full remote?
@user-fc8xh7uo4c 1ère mission avec un designer indépendant avec qui j'avais bossé en mission Wordpress.
J'avais prévu 1mois et demi de dev. Ça m'en aura pris 3.
Les relations donc.
Toujours travaillé en fullremote.
@@JulienLucas Merci pour la réponse, et tu arrives à avoir des missions en continu ou presque de cette manière ? Avec quel TJM si c'est pas indiscret ?
@user-fc8xh7uo4c On est pas sur WhatsApp 😂
@@JulienLucas Haha, ça marche, désolé, j'essaie juste d'avoir un max d'infos car je souhaiterais avoir le même parcours
L’IA a -t’elle y a un rôle à jouer dans la dans la phase de tests unitaires ?
@marholyne On peut demander à ChatGPT ou autre de rédiger les tests, suffit de lui présenter le code et poser la question.
Même si jamais essayé. 🙂
Sujet tres intéressant, j'ai l'impression que le sujet du testing en front-end est encore tres immature.
Quelques erreurs / coquilles que j'ai noté :
- RTL c'est pas pour du e2e. Cest des tests de composants (que tu appelles tests d'intégration)
- peut-être que jai mal compris mais tu as présenté une liste avec Cypress/Playwright/Vitest/MSW comme s'ils étaient des outils similaires, ce qui nest pas du tout le cas ;)
Je pense que la vidéo mériterait de rentrer plus dans le détail
- Il faudrait qu'on définisse clairement les differents types de tests. Les définitions (notamment unitaire vs intégration) en front-end sont très floues et varient d'une équipe à l'autre
- Le sujet de tester le View Model est super intéressant. Je le pratique aussi en Vue avec un composable (hook) qui represenre mon composant et ca evite de spinup un faux DOM. Ca aurait cool de plus creuser ce sujet
- Pareil le sujet des tests avec un vrai navigateur en mockant les calls networks (avec MSW par ex) est super intéressant, ca mériterait plus d'infos ! J'ai deja entendu le terme end2mocks pour ce genre de tests
@timmeehan2365 D’accord avec toi, le testing front-end est resté immature, c'est choquant presque je trouve.
Elle est pas très bien réalisé cette vidéo.
Je le concède volontiers.
Ton commentaire est gold.🥇Tu as sorti tout ce qui aurait pu en faire une bien meilleure vidéo.
J’invite tous les lecteurs à boire tes paroles. Haha.
@@JulienLucas après c'est toujours plus facile de critiquer que de faire !
En tout cas je pense qu'il y a matière à creuser, avec des vidéos qui vont plus loin ! C'est un sujet tellement intéressant avec très peu de ressources qui vont plus loin que juste parler de RTL ou de la pyramide de tests.
Un autre point qui aurait le mérite d'être mentionné est l'aspect TDD / productivité des tests. Lancer une app dans un navigateur peut être vraiment lent quand on a des grosses apps avec de frameworks lourd type Next/Nuxt. Faire du TDD (sur n'importe quel type de test) peut être un vrai boost de productivité !
Très intéressé de voir si tu sors d'autres vidéos sur le sujet
Cette video, c'est du flan ! Pas que celle-là d'ailleurs. EDIT : mon dernier commentaire a été supprimé. Là où je remets les pendules à l'heure. À l'attention du visiteur qui me lira. Tu n'apprendras rien. Tu peux trouver beaucoup mieux ailleurs (le fond et la forme). Tu n'as pas besoin de perdre du temps pendant 15 minutes à regarder de la pub video d'un gars qu'il sache faire. C'est tout ce que tu auras comme information.
Pas la meilleure clairement. Mais comme dirait Didier Deschamps, si c'est moche, il faut pas regarder. 😏
MrNiuxe, si en regardant cette vidéo, tu as quand même dit ça, ça prouve à 100% que tu connais rien au dev. Retourne jouer dans ton bac à sable faire des todolists.
Julien, c'était une superbe vidéo mec avec beaucoup de choses vraies qu'on retrouve en entreprise, ça se voit que tu gères ton game. Ton audience a du contenu de qualité dans cette vidéo avec toi. Bravo ! 👏
@@videv9858 Ah, quelqu'un qui reconnait que la vidéo a délivré de la valeur. Merci @videv9858 🙏🙏
Il a jamais du testé quoique ce soit @MrNiuxe.
La réalisation de cette vidéo est pas top, mais il y a de beaux nuggets.
@@JulienLucas Avec plaisir cher confrère 🎩 Le mec en plus a sorti zéro argument. Juste : "ouais j'aime pas". Oui mais pourquoi t'aimes pas mec ? "Ouais nan, juste j'aime pas 😤" mdrrr
La cerise sur le gâteau ça aurait de saupoudrer la vidéo avec un peu de code (même des clichés) mais ça au pire, ils l'auront dans ta formation. A plus dans une prochaine de tes vidéos :)
Haha @videv9858. C'est exactement ça.
(je l'avais jamais vue, bravo pour ta chaîne)