Visste du att du kan ställa in ett granskningssystem så att varje dragförfrågan du gör visar dig exakt vad som har förändrats visuellt på din webbplats?
Det är precis vad Percy gör. Det antar att det du har på master är korrekt (konfigurerbart) och när du gör en pull-begäran tar det bokstavligen skärmdumpar och jämför dem med skärmdumpar av vad som finns på master. Om något har förändrats, låter det dig veta, precis som enhet- eller integrationstester skulle göra. Godkänna dem och märka att något är fel? Åtgärda det och granska ändringarna igen.
Det är otroligt att denna typ av testning är tillgänglig. Det är så du verkligen kan ge ditt team förtroende genom att det gör exakt vad du tror att det ska när människor gör design eller innehållsförändringar.
I den här videon parar jag ihop mig med Mike Fotinakis (grundare av Percy) för att demonstrera allt detta och sedan bokstavligen få allt klart och gå på en webbplats. Vi kommer att arbeta på en lokal webbplats med Eleventy, kasta upp den live på Netlify, integrera CircleCI i GitHub repo för webbplatsen och konfigurera det för att köra Percy.
Det är ganska magiskt och jag rekommenderar verkligen att du kolla in det så att du vet vilken visuell testning som är möjlig idag.