Visste du at du kan sette opp et evalueringssystem slik at hver pull-forespørsel du gjør viser deg nøyaktig hva som har endret seg visuelt på nettstedet ditt?
Det er akkurat det Percy gjør. Det forutsetter at det du har på master er riktig (konfigurerbart), og når du gjør en pull-forespørsel, tar det bokstavelig talt skjermbilder og sammenligner dem med skjermbildene til det som er på master. Hvis noe har endret seg, gir det deg beskjed, akkurat som enhets- eller integrasjonstester ville gjort. Godkjenne dem og legge merke til at noe er galt? Løs det og gå gjennom endringene igjen.
Det er utrolig at denne typen testing er tilgjengelig. Dette er hvordan du virkelig kan gi teamet ditt tillit i at det gjør akkurat det du tror det skal til når folk gjør endringer i design eller innhold.
I denne videoen kobler jeg sammen med Mike Fotinakis (medstifter av Percy) for å demonstrere alt det, og deretter bokstavelig talt få det hele satt opp og gå på et nettsted. Vi vil jobbe på et lokalt nettsted ved hjelp av Eleventy, kaste det opp live på Netlify, integrere CircleCI i GitHub-repoen for nettstedet og konfigurere det for å kjøre Percy.
Det er ganske magisk, og jeg anbefaler deg virkelig å sjekke det ut, slik at du vet nivået på visuell testing som er mulig i disse dager.