# 166: iemācieties integrēt vizuālo testēšanu ar Pērsiju CSS-triki

Anonim

Vai zinājāt, ka varat izveidot pārskatīšanas sistēmu tā, lai katrs veiktais pieprasījums parādītu, kas tieši ir vizuāli mainījies jūsu vietnē?

Tieši to dara Pērsijs. Tas pieņem, ka tas, kas jums ir uz kapteiņa, ir pareizs (konfigurējams), un, veicot ievilkšanas pieprasījumu, tas burtiski uzņem ekrānuzņēmumus un salīdzina tos ar galvenajā esošajiem ekrānuzņēmumiem. Ja kaut kas ir mainījies, tas ļauj jums zināt, tāpat kā vienības vai integrācijas testi. Apstiprināt viņus un pamanīt, ka kaut kas nav kārtībā? Izlabojiet to un vēlreiz pārskatiet izmaiņas.

Tas ir neticami, ka šāda veida pārbaudes ir pieejamas. Tas ir veids, kā jūs patiešām varat dot pārliecību savai komandai par to, ka tā dara tieši to, ko jūs domājat, kad ļaudis veic dizaina vai satura izmaiņas.

Šajā videoklipā es izveidoju pārī ar Maiku Fotinakisu (Percy līdzdibinātājs), lai to visu parādītu, un pēc tam burtiski panāktu, ka tas viss ir izveidots un dodas uz vietni. Mēs strādāsim vietējā vietnē, izmantojot Eleventy, iemetīsim to tiešraidē Netlify, integrēsim CircleCI vietnes GitHub repo un konfigurēsim to, lai palaistu Percy.

Tas ir diezgan maģisks, un es patiešām iesaku jums to pārbaudīt, lai jūs zināt vizuālās pārbaudes līmeni, kas mūsdienās ir iespējams.