Jeste li znali da možete postaviti sustav pregleda tako da vam svaki zahtjev za povlačenjem prikazuje točno ono što se vizualno promijenilo na vašoj web lokaciji?
Percy upravo to čini. Pretpostavlja se da je ono što imate na masteru ispravno (moguće ga je konfigurirati), a kada podnesete zahtjev za povlačenjem, doslovno se snimaju snimke zaslona i uspoređuju sa snimkama zaslona onoga što se nalazi na masteru. Ako se išta promijenilo, obavještava vas, baš kao što bi to učinili jedinstveni ili integracijski testovi. Odobrite ih i primijetite da nešto nije u redu? Popravite ga i ponovno pregledajte promjene.
Nevjerojatno je da je takva vrsta testiranja dostupna. Ovo je način na koji zaista možete unijeti povjerenje u svoj tim da radi upravo ono što mislite da ide kad ljudi naprave promjene u dizajnu ili sadržaju.
U ovom se videu uparujem s Mikeom Fotinakisom (suosnivačem Percyja) kako bih demonstrirao sve to, a zatim doslovno sve to namjestio i krenuo na web mjesto. Radit ćemo na lokalnoj web lokaciji koristeći Eleventy, baciti je uživo na Netlify, integrirati CircleCI u GitHub repo za tu web lokaciju i konfigurirati je za pokretanje Percyja.
Prilično je čarobno i stvarno vam preporučam da to provjerite kako biste znali razinu vizualnog testiranja koja je moguća danas.