Visual Regression Testing, comment ne pas faire sauter le CSS de son appli Web ?

Le Visual Regression Testing, au delà d’être Yet Another étage de la pyramide de tests, est un outil puissant permettant de détecter de manière automatique les détériorations visuelles qui pourraient être provoquées par des développeurs sur un Frontend. Là où certains types de tests comme les snapshots peuvent décevoir quant à leur fort degré d’abstraction et leur taux de faux positifs, le VRT se met à la place de l’utilisateur pour détecter tous les changements de pixels, volontaires ou non. Il s’avère également être un bon compagnon pour favoriser les interactions entre les équipes en charge de l’UI/UX et les développeurs.

La mise en place d’un tel outil est-elle simple ? Est-elle compatible avec des codebases existantes ? Comment l’intégrer dans mon workflow de projet ?

Nous verrons dans ce talk les principes du VRT, des outils populaires et répandus qui le proposent tels que Storybook ou Playwright, ainsi que sa mise en place dans une CI/CD et dans une équipe. Nous verrons également que la sempiternelle pyramide de tests n’est pas forcément adaptée aux pratiques Frontend, et qu’une prise de recul est nécessaire pour viser juste et écrire les bons tests pour les bons usecases.