Chromatic es la herramienta de referencia para pruebas visuales de componentes UI a través de Storybook. Delta-QA prueba páginas web completas con recorridos de usuario reales. No son competidores directos — son dos niveles de prueba diferentes. Y comprender esa diferencia es fundamental para no creer que estás protegido cuando solo estás cubierto a medias.
Lo que prueba Chromatic: componentes en aislamiento
Chromatic captura cada story de Storybook y la compara con su versión anterior. Un botón en sus 5 estados. Una card con título corto y título largo. Un formulario vacío y un formulario pre-rellenado. Cada variante se testea de forma independiente.
Es una herramienta potente para proteger una librería de componentes. Cualquier modificación en un componente compartido se detecta inmediatamente. La interfaz de revisión es excelente para la colaboración entre diseñadores y desarrolladores.
El problema es que Chromatic prueba componentes en aislamiento. Un componente solo, dentro de un contenedor neutro, sin contexto de página real. Y ahí, precisamente, es donde se esconden los bugs más insidiosos.
Lo que prueba Delta-QA: páginas completas en contexto real
Delta-QA prueba páginas completas. No componentes aislados — páginas reales con layouts reales, contenido real, componentes que interactúan entre sí dentro de su contexto de uso.
Una Card perfecta en Storybook puede romperse cuando se coloca en una grilla de 3 columnas con un sidebar. Un botón validado en aislamiento puede desaparecer detrás de un footer en contexto real. Un formulario impecable en una story puede desbordar su contenedor al integrarse dentro de un modal. Un componente de navegación que funciona solo puede colapsar cuando el menú del sitio real se superpone.
Estos bugs — los que aparecen en la integración — Chromatic no los ve. Delta-QA sí, porque prueba lo que el usuario realmente ve: la página completa, en un navegador real, con contenido real.
El requisito obligatorio de Storybook
Delta-QA no necesita nada. Sin Storybook, sin framework específico, sin código. ¿Tienes un sitio web? Puedes probarlo.
Delta-QA no requiere absolutamente nada. Ni Storybook, ni framework específico, ni código. ¿Tienes un sitio web? Puedes probarlo. Ya sea WordPress, Shopify, una SPA en React, o una aplicación legacy — da igual.
Cloud vs. local: ¿dónde están tus datos?
Chromatic es exclusivamente cloud. Tus capturas de pantalla se envían y almacenan en la infraestructura de Chromatic. No existe opción self-hosted. Si tu empresa tiene restricciones de privacidad o normativas de cumplimiento (RGPD, HIPAA, SOC 2), esto puede ser un obstáculo importante.
Delta-QA es local por defecto. Todo permanece en tu máquina. Ningún dato sale de tu equipo. Tus capturas de referencia, tus resultados de comparación, tus informes — todo queda bajo tu control total.
Chromatic ofrece 5.000 snapshots gratuitos al mes, pero solo en Chrome. El multi-navegador empieza en 179$/mes.
Chromatic ofrece 5.000 snapshots gratuitos al mes, pero solo en Chrome. El multi-navegador empieza en 179$/mes. Y los snapshots se acumulan rápido: 180 stories × 3 viewports = 540 snapshots por build, aproximadamente 9 builds antes de alcanzar el límite gratuito. En un equipo que hace varios despliegues al día, el límite se alcanza en apenas una semana.
Delta-QA Desktop es gratuito sin límites. Multi-navegador incluido. Sin techo de snapshots, sin coste oculto.
La verdadera pregunta: ¿componentes, páginas o ambos?
Si tenéis Storybook y un design system, Chromatic protege la librería. Pero también necesitáis un segundo nivel para las páginas completas. Ahí interviene Delta-QA. Se complementan.
FAQ
¿Chromatic funciona sin Storybook?
Chromatic se ha ido abriendo a Playwright y Cypress desde 2025, pero estas integraciones siguen siendo jóvenes y limitadas. En la práctica, Storybook sigue siendo el requisito principal y el uso más maduro de la herramienta.
¿Un componente perfecto en Storybook puede romperse en una página real?
Sí, absolutamente. El aislamiento de Storybook oculta las interacciones con el layout padre, los componentes vecinos, el contenido real y las restricciones de pantalla. Esa es la trampa principal de las pruebas de componentes aislados.
¿Se pueden usar Chromatic y Delta-QA juntos?
Sí, y de hecho es el enfoque recomendado. Chromatic para componentes, Delta-QA para páginas. Cada herramienta cubre un nivel diferente de tu estrategia de testing visual.
¿Cuál es más rápido de configurar?
Delta-QA: unos pocos minutos. Chromatic: varias horas hasta algunos días (configuración de Storybook + escritura de stories + configuración de CI).
Chromatic prueba componentes UI aislados a través de Storybook. Delta-QA prueba páginas web completas y recorridos de usuario reales — sin Storybook, sin código, sin competencias técnicas.