# 178: Персі вловлює візуальні зміни в будь-якому робочому процесі - CSS-хитрощі

Anonim

Я хотів переконатися, що ви точно розумієте, що Персі може зробити для вас, звідси і назва. Коли ви вносите зміни у свої веб-сайти Git repo, як у робочому процесі Pull Request, в якому живе більшість із нас, Персі повідомить вас, якщо ця зміна спричинить будь-які візуальні зміни на вашому сайті. Він покаже вам, якими саме є ці зміни: які сторінки, яка точка зупинки медіа-запитів, який браузер тощо.

Це досить дивно.

Ось знімок екрана інформаційної панелі Персі, коли я вносив зміни, збільшуючи розмір кнопки:

Сподіваюся, я передбачав цю зміну. Якби я цього не зробив, це момент, коли Персі рятує мою попу. Я легко можу випадково внести візуальні зміни, змінивши CSS, який має більший вплив, ніж я спочатку думав.

Після налаштування Персі він буде частиною перевірок Pull Request, які відбуваються автоматично:

Помістити такий тип тестування у свій CI (безперервна інтеграція) є надзвичайно потужним.

Персі має всілякі потужні конфігурації, але це може бути і досить просто. Персі! Перейдіть за цією URL-адресою та зробіть її скріншот! Персі! Перейдіть за цією URL-адресою, натисніть цю кнопку, а потім зробіть знімок екрана! Якщо ви знайомі з фантастично простою мовою автоматизації браузера Puppeteer, це те, що використовує PercyScript.