Vidste du, at du kan oprette et gennemgangssystem, så hver pull-anmodning, du foretager, viser dig nøjagtigt, hvad der er ændret visuelt på dit websted?
Det er præcis, hvad Percy gør. Det antages, hvad du har på master er korrekt (konfigurerbar), og når du foretager en pull-anmodning, tager det bogstaveligt talt screenshots og sammenligner dem med screenshots af, hvad der er på master. Hvis noget er ændret, fortæller det dig, ligesom enhedstest eller integrationstest ville. Godkende dem og bemærke, at der er noget galt? Løs det, og gennemgå ændringerne igen.
Det er utroligt, at denne form for test er tilgængelig. Det er sådan, du virkelig kan bringe dit team tillid til, at det gør præcis, hvad du tror, det vil, når folk foretager ændringer af design eller indhold.
I denne video parrer jeg mig sammen med Mike Fotinakis (medstifter af Percy) for at demonstrere alt det og derefter bogstaveligt talt få det hele sat op og gå på et sted. Vi arbejder på et lokalt sted ved hjælp af Eleventy, kaster det live på Netlify, integrerer CircleCI i GitHub repo for webstedet og konfigurerer det til at køre Percy.
Det er ret magisk, og jeg anbefaler virkelig, at du tjekker det, så du kender niveauet for visuel test, der er muligt i disse dage.