herramienta de regresión CSS? [cerrado]

Question

Estoy buscando una herramienta de pruebas de regresión visual para refactorización CSS y ver si hay o no cualquier comportamiento no deseado en cascada en una página web.

Lo ideal es que la herramienta que puede rastrear un sitio web (incluso a nivel local) y tomar instantáneas de cada página y lo almacenan en un repositorio único.

Cuando se ejecuta por segunda vez, se mostrará las páginas que son visualmente diferente desde la última vez que se ejecutó.

Aún mejor:

1. si puede mostrar la vista XOR overlapper de la versión 2 de la página.
2. comparar representación resultados de los diferentes navegadores (casi como un Expression Web automatizado Microsoft característica comparar).

Answer 1

tornasol .

Se va a rastrear su sitio y tomar capturas de pantalla ha maldita cerca de todos los navegadores que te gustaría.

Además de la funcionalidad básica tornasol también le permite realizar un seguimiento de errores, iniciar sesión en sitios privados, y le permite publicar informes de compatibilidad de sus pruebas.

Answer 2

Mi favorito actual es WebDriverCSS en combinación con BrowserStack automatizar API. Este par de herramientas permite la multi-plataforma, pruebas de regresión multi-navegador a través de la amplia gama de dispositivos que soporta BrowserStack. Se requiere la escritura de código, pero es más más amplio que cualquier solución con destino a Phantom o Slimer.

Si estás bien con un viejo WebKit ser su única prueba UA, he aquí una gran valoración crítica sobre pruebas de regresión utilizando CSS PhantomCSS . Su ejemplo básico proporciona exactamente lo que la pregunta original deseado:. Diffs visuales entre dos commit

Para una herramienta simple que no requiere codificación (sólo YAML de configuración), señalo a la gente hacia Wraith con más frecuencia que PhantomCSS. @ Dar respuesta de ericcraio un voto si te gusta Wraith y no quieren escribir código Casper.

Answer 3

Sé que esta pregunta ha sido publicado por un tiempo, pero quería comentar acerca de una nueva herramienta de regresión CSS llamado espectro por la BBC-noticias.

http://github.com/bbc-news/wraith

Utiliza herramientas como PhantomJS y ImageMagick.

http://responsivenews.co.uk/post/56884056177/wraith

Answer 4

Browser Shots . Este es un servicio gratuito.

Existen algunas restricciones en el número de pruebas que puede ejecutar cada día como un usuario libre. Pero a diferencia de tornasol ; puede ejecutar pruebas en todos los navegadores compatibles -. tornasol sólo permite que los usuarios libres para poner a prueba sus sitios web en Internet Explorer 7 y Mozilla Firefox 2

Answer 5

Estoy desarrollando una herramienta de pruebas de regresión CSS que se llama SUCCSS, es una fuente global, abierto NPM: https: //github.com/B2F/Succss. Atm, se puede leer su documentación completa no: http://succss.ifzenelse.net

Answer 6

Lo que has descrito es precisamente lo que Mogotest no. Podemos acceder a su sitio, tomar capturas de pantalla para todas las páginas que ha configurado, y hacer comparación automatizada usando los principios de Web consistencia Prueba .

También mantenemos una pista llena de historia por lo que podemos decir exactamente cuando algo se rompió (y lo que su sitio se veía en ese momento) y aún más frío, podemos detectar cuando se ha arreglado algo. Y, por último, que Snapshot su código en cada ejecución de prueba por lo que puede mostrar exactamente lo que ha cambiado para cada tema.

Lo siento por la naturaleza auto-promotor de esta respuesta. Sólo quería ser a fondo para hacer frente a lo que estás buscando.