# 178: Percy surprinde modificări vizuale în orice flux de lucru - CSS-Tricks

Anonim

Am vrut să mă asigur că înțelegeți exact ce poate face Percy pentru dvs., de unde și titlul. Când comiteți o modificare a site-ului dvs. Git repo, ca într-un flux de lucru Pull Request, majoritatea dintre noi locuim, Percy vă va anunța dacă această modificare cauzează modificări vizuale site-ului dvs. Vă va arăta exact care sunt acele modificări: ce pagini, ce punct de întrerupere a interogării media, ce browser etc.

Este destul de uimitor.

Iată o captură de ecran a tabloului de bord Percy când am făcut o modificare mărind dimensiunea unui buton:

Sperăm că am intenționat această schimbare. Dacă nu am făcut-o, acesta este momentul în care Percy îmi salvează fundul. Pot face modificări vizuale cu ușurință schimbând CSS, care are un impact mai larg decât am crezut inițial că ar fi.

Odată ce Percy este configurat, acesta va face parte din verificările Pull Request care au loc automat:

Punerea acestui tip de testare în CI (Integration Continuous) este puterea puternică.

Percy are tot felul de configurații puternice, dar poate fi, de asemenea, destul de simplu. Percy! Accesați această adresă URL și faceți o captură de ecran a acesteia! Percy! Accesați această adresă URL, faceți clic pe acest buton, apoi faceți o captură de ecran a acesteia! Dacă sunteți familiarizat cu limbajul fantastic de automatizare a browserului Puppeteer, asta folosește PercyScript.