Jag ville se till att du förstår exakt vad Percy kan göra för dig, därav titeln. När du gör en ändring på dina webbplatser Git repo, som i ett Pull Request-arbetsflöde som de flesta av oss bor i, kommer Percy att meddela dig om den ändringen orsakar några visuella förändringar på din webbplats. Det visar dig exakt vad dessa förändringar är: vilka sidor, vilken brytpunkt i mediefrågan, vilken webbläsare etc.
Det är ganska fantastiskt.
Här är en skärmdump av Percy-instrumentpanelen när jag gjorde en ändring som ökade storleken på en knapp:
Förhoppningsvis tänkte jag den förändringen. Om jag inte gjorde det är det ögonblicket som Percy räddar min rumpa. Jag kan enkelt av misstag göra visuella förändringar genom att ändra CSS som har en större inverkan än vad jag ursprungligen trodde.
När Percy har ställts in kommer det att vara en del av Pull Request-kontrollerna som sker automatiskt:
Att sätta den här typen av testning i din CI (kontinuerlig integration) är den mäktiga kraftfulla.
Percy har alla typer av kraftfull konfiguration, men det kan också vara ganska enkelt. Percy! Gå till denna URL och ta en skärmdump av den! Percy! Gå till den här webbadressen, klicka på den här knappen och ta en skärmdump av den! Om du är bekant med det fantastiskt enkla webbläsarautomationsspråket Puppeteer, så använder PercyScript det.