Je voulais m'assurer que vous compreniez exactement ce que Percy peut faire pour vous, d'où le titre. Lorsque vous validez une modification de votre dépôt Git de sites Web, comme dans un flux de travail Pull Request dans lequel la plupart d'entre nous vivent, Percy vous indiquera si cette modification entraîne des modifications visuelles de votre site. Il vous montrera exactement quels sont ces changements: quelles pages, quel point d'arrêt de requête multimédia, quel navigateur, etc.
C'est plutôt étonnant.
Voici une capture d'écran du tableau de bord Percy lorsque j'ai effectué une modification en augmentant la taille d'un bouton:
J'espère que j'avais l'intention de ce changement. Si je ne l'ai pas fait, c'est le moment où Percy me sauve les fesses. Je peux facilement apporter accidentellement des modifications visuelles en changeant le CSS qui a un impact plus large que ce que je pensais à l'origine.
Une fois Percy configuré, il fera partie des vérifications de demande de tirage qui se déroulent automatiquement:
Mettre ce type de test dans votre CI (intégration continue) est le plus puissant.
Percy a toutes sortes de configurations puissantes, mais cela peut aussi être assez simple. Percy! Allez sur cette URL et prenez-en une capture d'écran! Percy! Accédez à cette URL, cliquez sur ce bouton, puis prenez une capture d'écran! Si vous connaissez le langage d'automatisation de navigateur extrêmement simple Puppeteer, c'est ce que PercyScript utilise.