# 166: Naučte sa integrovať vizuálne testovanie s Percym Triky CSS

Anonim

Vedeli ste, že môžete nastaviť kontrolný systém tak, aby každá vaša požiadavka na stiahnutie ukázala presne to, čo sa vizuálne zmenilo na vašom webe?

Presne to robí Percy. Predpokladá, že to, čo máte na masteri, je správne (konfigurovateľné), a keď urobíte požiadavku na stiahnutie, urobí doslova screenshoty a porovná ich so screenshotmi toho, čo je na masteri. Ak sa niečo zmenilo, dá vám to vedieť, rovnako ako testy jednotky alebo integrácie. Schváliť ich a všimnúť si, že niečo nie je v poriadku? Opravte to a znova skontrolujte zmeny.

Je neuveriteľné, že tento druh testovania je k dispozícii. Takto môžete svojmu tímu skutočne dať dôveru v to, že robí presne to, čo si myslíte, že bude, keď ľudia urobia zmeny v dizajne alebo obsahu.

V tomto videu sa spojím s Mikeom Fotinakisom (spoluzakladateľom spoločnosti Percy), aby som to všetko demonštroval. Potom to všetko doslova nastavím a idem na web. Budeme pracovať na lokálnom webe pomocou Eleventy, zverejníme ho naživo na Netlify, integrujeme CircleCI do repozitára GitHub pre web a nakonfigurujeme ho na spustenie Percyho.

Je to dosť čarovné a naozaj vám odporúčam skontrolovať si to, aby ste vedeli úroveň vizuálneho testovania, ktorá je v dnešnej dobe možná.