# 178: Percy vizuális változásokat fog le minden munkafolyamatban - CSS-trükkök

Anonim

Szerettem volna megbizonyosodni arról, hogy pontosan érted, mit tehet Percy érted, innen a cím. Amikor változtatást hajt végre a webhelyein Git repo, például a legtöbben a Pull Request munkafolyamatban, Percy értesíti Önt, ha ez a változás vizuális változásokat okoz a webhelyén. Megmutatja, hogy pontosan melyek ezek a változások: milyen oldalak, milyen média lekérdezési töréspont, milyen böngésző stb.

Elég elképesztő.

Itt egy képernyőkép a Percy irányítópultjáról, amikor változtatást hajtottam végre, növelve a gomb méretét:

Remélhetőleg ezt a változást szántam. Ha nem így tettem, akkor Percy megmenti a fenekemet. A CSS megváltoztatásával könnyen véletlenül tudok vizuálisan változtatni, amelynek szélesebb hatása van, mint azt eredetileg gondoltam volna.

A Percy beállítása után része lesz a Pull Request ellenőrzéseknek, amelyek automatikusan megtörténnek:

Ez a fajta tesztelés a CI-be (folyamatos integráció) a hatalmas teljesítmény.

Percy-nek mindenféle erős konfigurációja van, de meglehetősen egyszerű is lehet. Percy! Lépjen erre az URL-re, és készítsen róla képernyőképet! Percy! Lépjen erre az URL-re, kattintson erre a gombra, majd készítsen erről egy képernyőképet! Ha ismeri a fantasztikusan egyszerű böngésző-automatizálási nyelvet, a Puppeteer-t, akkor ezt használja a PercyScript.