# 166: Aprenda a integrar las pruebas visuales con Percy - Trucos CSS

Anonim

¿Sabía que puede configurar un sistema de revisión para que cada solicitud de extracción que realice le muestre exactamente lo que ha cambiado visualmente en su sitio?

Eso es exactamente lo que hace Percy. Asume que lo que tiene en el maestro es correcto (configurable) y, cuando realiza una solicitud de extracción, literalmente toma capturas de pantalla y las compara con las capturas de pantalla de lo que está en el maestro. Si algo ha cambiado, se lo informa, al igual que lo harían las pruebas unitarias o de integración. ¿Aprobarlos y notar que algo anda mal? Solucionarlo y revisar los cambios nuevamente.

Es increíble que este tipo de pruebas esté disponible. Así es como realmente puede brindarle confianza a su equipo de que está haciendo exactamente lo que cree que hará cuando la gente haga cambios de diseño o contenido.

En este video, me emparejo con Mike Fotinakis (cofundador de Percy) para demostrar todo eso, luego, literalmente, lo configuro todo y lo pongo en marcha en un sitio. Trabajaremos en un sitio local usando Eleventy, lo lanzaremos en vivo en Netlify, integraremos CircleCI en el repositorio de GitHub para el sitio y lo configuraremos para ejecutar Percy.

Es bastante mágico y realmente te recomiendo que lo pruebes para que conozcas el nivel de pruebas visuales que es posible en estos días.