Wist je dat je een beoordelingssysteem kunt opzetten zodat elke pull request die je doet je precies laat zien wat er visueel is veranderd op je site?
Dat is precies wat Percy doet. Het gaat ervan uit dat wat je op master hebt correct is (configureerbaar) en als je een pull-verzoek doet, worden er letterlijk schermafbeeldingen gemaakt en vergeleken met de schermafbeeldingen van wat er op master staat. Als er iets is veranderd, laat het u weten, net zoals unit- of integratietests dat zouden doen. Goedkeuren en merken dat er iets mis is? Los het op en bekijk de wijzigingen opnieuw.
Het is ongelooflijk dat dit soort testen beschikbaar is. Dit is hoe u uw team echt vertrouwen kunt geven in het feit dat het precies doet wat u denkt dat het gaat doen als mensen het ontwerp of de inhoud wijzigen.
In deze video werk ik samen met Mike Fotinakis (mede-oprichter van Percy) om dat allemaal te demonstreren en vervolgens letterlijk alles op te zetten en op een site te zetten. We werken op een lokale site met Eleventy, gooien het live op Netlify, integreren CircleCI in de GitHub-repo voor de site en configureren dat om Percy uit te voeren.
Het is behoorlijk magisch en ik raad je echt aan om het eens te bekijken, zodat je weet welk niveau van visuele tests tegenwoordig mogelijk is.