Chcel som sa uistiť, že presne rozumieš tomu, čo pre teba môže Percy urobiť, preto ten názov. Keď vykonáte zmenu na svojich webových stránkach, Git repo, napríklad v pracovnom postupe Pull Request, v ktorom väčšina z nás žije, vás Percy informuje, či táto zmena spôsobí na vašom webe vizuálne zmeny. Ukáže vám presne, o aké zmeny ide: aké stránky, aký hraničný bod mediálneho dopytu, aký prehľadávač atď.
Je to dosť úžasné.
Keď som urobil zmenu, ktorá zväčšila veľkosť tlačidla, tu je snímka obrazovky prístrojového panelu Percy:
Dúfajme, že som mal v úmysle túto zmenu. Keby som to neurobil, toto je okamih, keď mi Percy šetrí zadok. Vizuálne zmeny môžem ľahko náhodne vykonať zmenou CSS, ktoré majú širší dopad, ako som si pôvodne myslel.
Akonáhle je Percy nastavený, bude súčasťou automatických kontrol Pull Request:
Zavedenie tohto druhu testovania do vašej CI (nepretržitej integrácie) je veľmi silné.
Percy má všetky druhy výkonnej konfigurácie, ale môže to byť aj celkom jednoduché. Percy! Prejdite na túto adresu URL a urobte z nej snímku obrazovky. Percy! Prejdite na túto adresu URL, kliknite na toto tlačidlo a urobte z toho snímku obrazovky. Ak ste oboznámení s fantasticky jednoduchým jazykom Puppeteer pre automatizáciu prehľadávačov, to je to, čo PercyScript používa.