Percy

Percy automatiza las pruebas visuales. Los desarrolladores lo añaden a su conjunto de pruebas y, en cada cambio de código, captura pantallas de páginas y componentes en distintos navegadores y tamaños de pantalla. Las compara con una referencia aprobada y resalta los píxeles que difieren, de modo que quien revisa pueda aceptar los cambios intencionados o detectar los accidentales antes de que lleguen a los usuarios.

Los errores visuales, como texto superpuesto, diseños rotos o imágenes que faltan, suelen escaparse de las pruebas funcionales, que solo comprueban el comportamiento. Percy cubre ese hueco y se integra con las pull requests, para que diseño e ingeniería revisen los cambios juntos. La IA ayuda a ignorar ruido como las diferencias de suavizado de bordes o el contenido dinámico, lo que mantiene corta la lista de revisión.

BrowserStack adquirió Percy, que funciona con frameworks habituales como Cypress, Playwright y Storybook. Tiene un nivel gratuito y planes de pago según el volumen de capturas. Las pruebas visuales requieren mantenimiento a medida que cambian los diseños. Entre las alternativas están Chromatic, Applitools, la comparación de capturas integrada en Playwright y BackstopJS. Percy es para equipos de front-end que quieren detectar regresiones visuales.