# 166: Apprenez à intégrer les tests visuels avec Percy - Astuces CSS

Anonim

Saviez-vous que vous pouvez mettre en place un système de révision afin que chaque pull request que vous faites vous montre exactement ce qui a changé visuellement sur votre site?

C'est exactement ce que fait Percy. Il suppose que ce que vous avez sur le maître est correct (configurable) et, lorsque vous effectuez une requête d'extraction, il prend littéralement des captures d'écran et les compare aux captures d'écran de ce qui se trouve sur le maître. Si quelque chose a changé, cela vous le fait savoir, tout comme le feraient les tests unitaires ou d'intégration. Approuvez-les et remarquez que quelque chose ne va pas? Corrigez-le et révisez à nouveau les modifications.

C'est incroyable que ce genre de test soit disponible. C'est ainsi que vous pouvez vraiment apporter confiance à votre équipe en ce qu'elle fait exactement ce que vous pensez faire lorsque les gens apportent des modifications à la conception ou au contenu.

Dans cette vidéo, je m'associe avec Mike Fotinakis (co-fondateur de Percy) pour démontrer tout cela, puis tout mettre en place et se rendre sur un site. Nous travaillerons sur un site local en utilisant Eleventy, le lancerons en direct sur Netlify, intégrerons CircleCI dans le référentiel GitHub du site et le configurerons pour exécuter Percy.

C'est assez magique et je vous recommande vraiment de le vérifier pour que vous sachiez le niveau de test visuel possible de nos jours.