# 178: Percy uhvati vizualne promjene u bilo kojem tijeku rada - CSS-trikovi

Anonim

Želio sam biti siguran da točno razumijete što Percy može učiniti za vas, otuda i naslov. Kada izvršite promjenu na svojim web lokacijama Git repo, kao u tijeku rada Pull Request u kojem većina nas živi, ​​Percy će vas obavijestiti ako ta promjena uzrokuje bilo kakve vizualne promjene na vašem web mjestu. Pokazat će vam točno koje su to promjene: koje stranice, koja točka prekida medijskog upita, koji preglednik itd.

Nevjerojatno je.

Evo snimke zaslona nadzorne ploče Percy kada sam napravio promjenu povećavajući veličinu gumba:

Nadam se da sam namjeravao tu promjenu. Ako nisam, ovo je trenutak kad mi Percy spašava stražnjicu. Lako mogu slučajno napraviti vizualne promjene mijenjajući CSS koji ima širi utjecaj nego što sam prvotno mislio da hoće.

Jednom kad se postavi Percy, bit će dio provjera zahtjeva za povlačenjem koje se događaju automatski:

Stavljanje ove vrste testiranja u svoj CI (kontinuirana integracija) moćno je moćno.

Percy ima sve vrste moćne konfiguracije, ali može biti i vrlo jednostavna. Percy! Idite na ovaj URL i napravite snimak zaslona! Percy! Idite na ovaj URL, kliknite ovaj gumb, a zatim napravite snimku zaslona! Ako ste upoznati s fantastično jednostavnim jezikom automatizacije preglednika Puppeteer, to PercyScript koristi.