# 178: Percy łapie wizualne zmiany w dowolnym przepływie pracy - CSS-Tricks

Anonim

Chciałem się upewnić, że dokładnie rozumiesz, co Percy może dla ciebie zrobić, stąd tytuł. Kiedy wprowadzisz zmianę w repozytorium Git w swoich witrynach internetowych, na przykład w przepływie żądania ściągnięcia, w którym mieszka większość z nas, Percy poinformuje Cię, czy ta zmiana spowoduje jakiekolwiek wizualne zmiany w witrynie. Pokaże ci dokładnie, jakie są te zmiany: jakie strony, jaki punkt przerwania zapytania o media, jaka przeglądarka itp.

To raczej niesamowite.

Oto zrzut ekranu pulpitu Percy'ego, kiedy wprowadziłem zmianę, zwiększając rozmiar przycisku:

Miejmy nadzieję, że zamierzałem tę zmianę. Jeśli tego nie zrobiłem, to jest moment, w którym Percy ratuje mój tyłek. Mogę łatwo przypadkowo wprowadzić zmiany wizualne, zmieniając CSS, co ma szerszy wpływ, niż początkowo sądziłem.

Po skonfigurowaniu Percy'ego będzie to część sprawdzeń pull request, które odbywają się automatycznie:

Wprowadzenie tego rodzaju testów do twojego CI (Continuous Integration) jest potężne.

Percy ma wiele potężnych konfiguracji, ale może być też całkiem prosty. Percy! Przejdź do tego adresu URL i zrób zrzut ekranu! Percy! Przejdź do tego adresu URL, kliknij ten przycisk, a następnie zrób zrzut ekranu! Jeśli znasz fantastycznie prosty język automatyzacji przeglądarki Puppeteer, właśnie tego używa PercyScript.