Percy automatisiert visuelle Tests. Entwickler:innen ergänzen das Tool in ihre Testsuite. Bei jeder Codeänderung erstellt es Screenshots von Seiten und Komponenten in verschiedenen Browsern und Bildschirmgrößen. Percy vergleicht sie mit einer freigegebenen Referenz und hebt abweichende Pixel hervor. Prüfer:innen können so beabsichtigte Änderungen bestätigen oder versehentliche Probleme erkennen, bevor sie Nutzer:innen erreichen.
Visuelle Fehler wie überlappender Text, kaputte Layouts und fehlende Bilder entgehen oft Funktionstests, die nur das Verhalten prüfen. Percy schließt diese Lücke und integriert sich in Pull Requests, sodass Design und Engineering Änderungen gemeinsam prüfen können. KI hilft, unbedeutende Unterschiede wie Antialiasing oder dynamische Inhalte zu ignorieren, damit die Prüfliste überschaubar bleibt.
BrowserStack hat Percy übernommen. Das Tool funktioniert mit verbreiteten Frameworks wie Cypress, Playwright und Storybook. Es gibt einen kostenlosen Tarif und kostenpflichtige Tarife nach Screenshot-Volumen. Visuelle Tests müssen bei Designänderungen gepflegt werden. Alternativen sind Chromatic, Applitools, der integrierte Screenshot-Vergleich von Playwright und BackstopJS. Percy eignet sich für Frontend-Teams, die visuelle Rückschritte erkennen möchten.