Percy

Percy automatise les tests visuels. Les développeurs l’ajoutent à leur suite de tests, et à chaque changement de code il capture des écrans de pages et de composants sur plusieurs navigateurs et tailles d’écran. Il les compare à une baseline approuvée et met en avant les pixels qui diffèrent, pour qu’un relecteur accepte les changements voulus ou attrape les accidents avant qu’ils n’atteignent les utilisateurs.

Les bugs visuels, comme du texte qui se chevauche, des mises en page cassées ou des images manquantes, passent souvent à côté des tests fonctionnels, qui ne vérifient que le comportement. Percy comble ce trou et s’intègre aux pull requests, pour que le design et l’ingénierie relisent les changements ensemble. L’IA aide à ignorer le bruit comme les différences d’anticrénelage ou le contenu dynamique, ce qui garde la liste de relecture courte.

BrowserStack a racheté Percy, et il fonctionne avec des frameworks courants comme Cypress, Playwright et Storybook. Il a une offre gratuite et des offres payantes selon le volume de captures. Les tests visuels ont besoin de maintenance quand les designs changent. Parmi les alternatives : Chromatic, Applitools, la comparaison de captures intégrée de Playwright, et BackstopJS. Percy convient aux équipes front-end qui veulent attraper les régressions visuelles.