# 166: Научете се да интегрирате визуално тестване с Пърси - CSS-трикове

Anonim

Знаете ли, че можете да настроите система за преглед, така че всяка заявка за изтегляне да ви показва точно какво се е променило визуално на вашия сайт?

Точно това прави Пърси. Предполага се, че това, което имате на master, е правилно (конфигурируемо) и когато правите заявка за изтегляне, той буквално прави екранни снимки и ги сравнява със екранните снимки на това, което е на master. Ако нещо се е променило, той ви уведомява, точно както биха направили тестовете за единица или интеграция. Одобрете ги и забележите, че нещо не е наред? Поправете го и прегледайте промените отново.

Невероятно е, че този вид тестване е налице. Това е начинът, по който наистина можете да внесете увереност в екипа си, че прави точно това, което смятате, че ще прави, когато хората правят промени в дизайна или съдържанието.

В това видео се свързвам с Майк Фотинакис (съосновател на Пърси), за да демонстрирам всичко това, след което буквално да настроя всичко и да отида на сайт. Ще работим на локален сайт, използвайки Eleventy, ще го хвърлим на живо в Netlify, ще интегрираме CircleCI в репозитория на GitHub за сайта и ще конфигурираме това да стартира Percy.

Това е доста вълшебно и наистина ви препоръчвам да го проверите, за да знаете нивото на визуално тестване, което е възможно в наши дни.