1
Border radius
Detecta cambios en el redondeo de esquinas, incluyendo valores individuales por esquina y radios en porcentaje.
25 casos de prueba
Bordes y Sombras
Los bordes y sombras definen los limites visuales de los elementos de su interfaz. Crean profundidad, separacion y jerarquia. Delta-QA detecta cada modificacion de estas propiedades.
Lo que detectamos
2
Box shadow
Captura modificaciones de desplazamiento, desenfoque, dispersion y color de sombras, incluyendo capas multiples.
3
Outline
Monitorea cambios de outline-style, outline-color, outline-width y outline-offset para indicadores de foco.
4
Estilo y grosor de borde
Detecta cambios entre bordes solid, dashed, dotted, double y variaciones de grosor en cada lado.
5
Color de borde
Identifica cambios de color en lados individuales del borde, incluyendo valores transparentes y heredados.
Ejemplo interactivo
Vea exactamente lo que Delta-QA detecta. Compare las dos versiones lado a lado.
Antes
Despues
Escenarios reales
🎯
El border-radius que vuelve las tarjetas cuadradas
Un desarrollador agrega un reset CSS en un componente compartido y sobrescribe el border-radius de todas las tarjetas del sitio. De un día para otro, tus tarjetas de esquinas redondeadas se vuelven cuadradas — el sitio pasa de "moderno y cálido" a "rígido y austero". Nadie tiene tiempo de revisar 200 pantallas en cada despliegue. Delta-QA compara las capturas y resalta las esquinas que pasaron de redondeadas a cuadradas en cada tarjeta — la diferencia de forma se nota claramente en la superposición.
⚠️
El borde que aparece duplicado
Un desarrollador agrega un borde al contenedor de una tabla sin manejar la propiedad border-collapse. Resultado: bordes dobles aparecen en ciertos lugares — las líneas se ven más gruesas de manera irregular. La tabla parece "rota" y poco profesional. En staging se veía bien, pero la hoja de estilos de producción carga en un orden diferente y el bug aparece. Delta-QA compara las capturas y resalta las líneas más gruesas — cada borde doble se nota en el diff.
💡
La sombra que desaparece
Un desarrollador "limpia" el CSS y elimina un box-shadow que considera innecesario. Los botones de acción principales pierden su sombra y se vuelven planos — se confunden con el fondo. Visualmente, los botones son menos prominentes y tus visitantes los notan menos. El cambio parecía inofensivo — eliminar una sombra — se mergeó sin revisión visual. Delta-QA compara las capturas y detecta la desaparición de la sombra — los botones aplanados resaltan en el diff visual.
¿Listo para detectar cada regresion visual?
Descarga Delta-QA y empieza a detectar cambios CSS en tus paginas web — sin codigo.