Я хотел убедиться, что вы точно понимаете, что Перси может для вас сделать, отсюда и название. Когда вы вносите изменения в репозиторий Git на своих веб-сайтах, как в рабочем процессе Pull Request, в котором живет большинство из нас, Перси сообщит вам, вызывает ли это изменение какие-либо визуальные изменения на вашем сайте. Он точно покажет вам, что это за изменения: какие страницы, какая точка останова медиа-запроса, какой браузер и т. Д.
Это довольно удивительно.
Вот скриншот панели управления Перси, когда я внес изменения, увеличивая размер кнопки:
Надеюсь, я задумал это изменение. Если я этого не сделал, это тот момент, когда Перси спасает мою задницу. Я легко могу случайно внести визуальные изменения, изменив CSS, что окажет большее влияние, чем я думал изначально.
После настройки Percy он будет частью проверок Pull Request, которые выполняются автоматически:
Включение такого рода тестирования в ваш CI (непрерывная интеграция) - очень мощный инструмент.
У Перси есть всевозможные мощные конфигурации, но они могут быть и довольно простыми. Перси! Перейдите по этому URL-адресу и сделайте снимок экрана! Перси! Перейдите по этому URL-адресу, нажмите эту кнопку и сделайте снимок экрана! Если вы знакомы с фантастически простым языком автоматизации браузера Puppeteer, это то, что использует PercyScript.