VizDiff

VizDiff lee las historias que tu equipo ya escribió, así que no hay una suite de pruebas aparte que mantener. Cuando tu pipeline compila Storybook, el CLI sube el resultado y la herramienta renderiza una captura por historia. Si añades un componente a Storybook, aparece en la siguiente comparación sin configuración extra.

La herramienta publica un estado de commit en las merge requests de GitLab o una comprobación en las pull requests de GitHub. Esa comprobación queda pendiente mientras se renderizan las capturas y mientras alguien tiene que revisar las nuevas o las cambiadas. Si no cambió nada, pasa a correcto por sí sola, así que los commits rutinarios se aprueban sin que nadie mueva un dedo.

Cada historia modificada se abre en un diálogo de comparación con las vistas Old, New, Diff y 2-Up. La vista Diff funciona como herramienta de diferencias de píxeles y resalta lo que se movió, y el modo 2-Up pone las dos versiones lado a lado. Las flechas del teclado te llevan de una a otra, algo que importa cuando una sola rama toca decenas de historias.

Las capturas aprobadas se convierten en la línea base contra la que se compara la siguiente compilación, y todo el equipo trabaja sobre el mismo conjunto. Las capturas se guardan en tu propio bucket compatible con S3, así que las imágenes de referencia nunca salen de tu infraestructura. Ramificar desde un commit con capturas aprobadas mantiene la comparación con sentido en lugar de reiniciarla con todo como nuevo.

VizDiff se distribuye como proyecto de código abierto bajo licencia MIT y se ejecuta como tres servicios (api, worker, frontend) sobre PostgreSQL y un bucket que aportas tú. Las imágenes versionadas multiarquitectura se publican en GitHub Container Registry, y tanto un archivo Docker Compose como un chart de Helm cubren la instalación. No hay cuenta de proveedor ni tarifa por usuario.