# 178: Percy huomaa visuaaliset muutokset missä tahansa työnkulussa - CSS-temppuja

Anonim

Halusin varmistaa, että ymmärrät tarkalleen, mitä Percy voi tehdä sinulle, joten otsikko. Kun teet muutoksen verkkosivustoosi Git repo, kuten Pull Request -työnkulussa, jossa useimmat meistä asuvat, Percy ilmoittaa sinulle, aiheuttaako muutos sivustollesi visuaalisia muutoksia. Se näyttää tarkalleen, mitkä muutokset ovat: mitkä sivut, mikä mediahaun rikkoutumispiste, mikä selain jne.

Se on melko hämmästyttävää.

Tässä on kuvakaappaus Percyn hallintapaneelista, kun tein muutoksen, joka lisäsi painikkeen kokoa:

Toivottavasti aioin muutoksen. Jos en toiminut, tämä on hetki, jolloin Percy säästää takapuoliasi. Voin tehdä vahingossa visuaalisia muutoksia muuttamalla CSS: ää, jolla on laajempi vaikutus kuin alun perin luulin.

Kun Percy on asetettu, se on osa vetopyynnön tarkistuksia, jotka tapahtuvat automaattisesti:

Tällaisen testauksen lisääminen CI: hen (jatkuva integraatio) on mahtava tehokas.

Percyllä on kaikenlaisia ​​tehokkaita kokoonpanoja, mutta se voi olla myös melko yksinkertainen. Percy! Siirry tähän URL-osoitteeseen ja ota siitä kuvakaappaus! Percy! Siirry tähän URL-osoitteeseen, napsauta tätä painiketta ja ota sitten kuvakaappaus siitä! Jos tunnet fantastisen yksinkertaisen selainautomaatiokielen Puppeteer, PercyScript käyttää sitä.