Tester des composants graphiques, ok mais comment ? 


Avec quelle méthode, quelle approche, quelle stratégie de tests ? 


On en parle dans l’épisode d’aujourd’hui avec Xavier Nopre.


Pour suivre Xavier Nopre : https://twitter.com/xnopre 


Pour découvrir le blog de Xavier Nopre : https://xnopre.blogspot.com/ 


Pour découvrir le cursus Artisan Développeur et apprendre à faire du TDD :  https://maison.artisandeveloppeur.fr/ 


Hébergé par Ausha. Visitez ausha.co/politique-de-confidentialite pour plus d'informations.


Partagé par Artisan Développeur
il y a plus de 3 ans
1

Mathieu Barberot il y a plus de 3 ans - modifié il y a plus de 3 ans
Super épisode, on entend pas assez parler des tests dans le monde du frontend, même si personnellement, je ne suis pas un grand fan des snapshots.

Voir les snapshots passer régulièrement au rouge et devoir les ré-accepter est quand même assez pénible et à la longue ça m'a poussé à les accepter sans me poser de question, ce qui ne me convenait pas.

Au final, j'utilise l'approche des "test selectors" que j'ai découvert avec Ember.js (si vous en avez marre de réinventer la roue et de faire de la plomberie avec React/Vue, allez jeter un coup d'oeil). J'apprécie cette méthode car elle se repose uniquement sur le fait qu'un élément ciblé de manière unique est bien présent, quelque soit son emplacement dans le DOM et ça me permet de refactorer des composants sans que le test passe au rouge.

Quelques ressources sur les tests selectors :
simplabs.com/...
docs.cypress.io/...
testing-library.com/...
Pour ajouter un commentaire, tu dois te connecter ou créer un compte.
Demander un feedback
Accéder à la vidéo
SCRUM et qualité de code avec Elodie Micoulet
Accéder à l'épisode
Négociation 2/5 - Mettre en mirroir
Accéder à l'épisode
La responsabilité des développeurs avec Pierre Lemasson
Accéder à l'épisode
Développeur en 2039 - La fiction
Accéder à l'épisode
Artisan Développeur utilise des cookies afin de t'offrir les meilleurs services. En poursuivant ta navigation, tu acceptes l’utilisation de cookies. En savoir plus