1
Widgets de dashboard
Valida la integridad visual de tarjetas de datos, graficos, indicadores KPI y paneles de metricas.
35 casos de prueba
Componentes Reales
Los componentes reales combinan multiples propiedades CSS en sistemas visuales complejos. Un cambio en una propiedad puede propagarse por todo el componente. Delta-QA prueba patrones UI completos para captar regresiones.
Lo que detectamos
2
Tarjetas e-commerce
Prueba tarjetas de producto, visualizaciones de precio, componentes de calificacion y estilo de botones de compra.
3
Tableros kanban
Monitorea layouts de columnas, apilamiento de tarjetas, manijas de arrastre e indicadores de estado.
4
Tablas de precios
Valida tarjetas de planes tarifarios, listas de comparacion, planes destacados y estilo de botones CTA.
5
Barras de navegacion
Prueba navegacion header, menus desplegables, estados hamburguesa movil e indicadores de enlace activo.
6
Tablas de datos
Detecta cambios en encabezados de tabla, alternancia de filas, alineacion de celdas y comportamiento responsive.
Ejemplo interactivo
Vea exactamente lo que Delta-QA detecta. Compare las dos versiones lado a lado.
Antes
Despues
Escenarios reales
🎯
El dropdown que se abre detrás de la tabla
Un desarrollador agrega overflow: hidden en una tabla para corregir un bug de scroll horizontal. Consecuencia: el menú desplegable de acciones en cada fila se abre pero queda recortado — solo se ve la mitad superior, las opciones "Eliminar" y "Archivar" están cortadas. El desarrollador corrigió su bug de scroll, no verificó que los menús desplegables siguieran funcionando visualmente. Delta-QA compara las capturas con el menú abierto y detecta que el dropdown está recortado — la mitad faltante resalta en el diff.
⚠️
El modal que ya no se centra
Un desarrollador modifica el posicionamiento del body para un nuevo componente sticky. Efecto colateral: el modal de confirmación se desplaza a la esquina superior izquierda en vez de estar centrado. En móvil, queda parcialmente fuera de pantalla — tus visitantes no ven el botón "Confirmar". La entrega era urgente, se probó el componente sticky pero no los 5 modales del sitio. Delta-QA compara las capturas y resalta el desplazamiento del modal — su nueva posición descentrada se nota claramente en la superposición.
💡
El carrusel que muestra dos slides
Un cambio CSS modifica el ancho del contenedor padre del carrusel de productos. En vez de mostrar un slide a la vez, dos slides son ahora parcialmente visibles — el segundo está cortado a la mitad. Se ve visualmente roto, tus clientes ven una presentación descuidada. El desarrollador modificó el contenedor por otra razón, ni siquiera sabía que el carrusel dependía de él. Delta-QA compara las capturas y detecta el segundo slide que aparece parcialmente — el contenido cortado resalta en el diff.
¿Listo para detectar cada regresion visual?
Descarga Delta-QA y empieza a detectar cambios CSS en tus paginas web — sin codigo.