Sapevi che puoi impostare un sistema di revisione in modo che ogni richiesta di pull ti mostri esattamente cosa è cambiato visivamente sul tuo sito?
È esattamente quello che fa Percy. Presume che ciò che hai sul master sia corretto (configurabile) e, quando fai una richiesta pull, prende letteralmente degli screenshot e li confronta con gli screenshot di ciò che è sul master. Se qualcosa è cambiato, te lo fa sapere, proprio come farebbero i test di unità o di integrazione. Approvarli e notare che qualcosa non va? Risolvilo e rivedi nuovamente le modifiche.
È incredibile che questo tipo di test sia disponibile. In questo modo puoi davvero portare fiducia al tuo team in quanto sta facendo esattamente quello che pensi che farà quando le persone apportano modifiche al design o ai contenuti.
In questo video, mi associo a Mike Fotinakis (co-fondatore di Percy) per dimostrare tutto ciò, quindi faccio letteralmente impostare tutto e andare su un sito. Lavoreremo su un sito locale utilizzando Eleventy, lo lanciamo in diretta su Netlify, integreremo CircleCI nel repository GitHub per il sito e lo configureremo per eseguire Percy.
È piuttosto magico e ti consiglio davvero di verificarlo in modo da conoscere il livello di test visivo che è possibile in questi giorni.