Animaciones

Un desarrollador refactoriza los estilos y elimina accidentalmente la transición de 300ms del menú desplegable. Sin transición, el menú empuja el contenido de abajo de golpe en vez de deslizarse suavemente — la página "salta" visualmente. Consecuencia visible: los elementos debajo del menú quedan desplazados respecto a la versión de referencia, porque el navegador ya no tiene tiempo de recalcular el layout gradualmente. Es un refactoring CSS, nadie pensó en retestear las interacciones visuales. Delta-QA compara las capturas del menú abierto y detecta los desplazamientos del contenido debajo — la maquetación diferente resalta en el diff.

Un desarrollador copia los estilos de un loader de otro proyecto para "armonizar" los componentes. El nuevo loader es visualmente diferente: más grande, con un color de acento que no corresponde a la marca, y un estilo de indicador distinto (punteado en vez de sólido). Gira, así que funcionalmente sirve — el equipo pensó "es un loader, está bien". Delta-QA compara las capturas y resalta las diferencias de tamaño, color y forma del loader — el componente que ya no se parece a la referencia se nota en el diff.

Un desarrollador agrega un elemento transparente sobre los botones para gestionar tracking analítico. Consecuencia: el hover ya no se activa — el mouse pasa sobre el elemento invisible, no sobre el botón. Visualmente, los botones se quedan en su color por defecto al pasar el cursor, el sitio parece "muerto". El cambio era sobre tracking, no sobre botones — nadie pensó en verificar el feedback visual al hover. Delta-QA captura el estado hover de los botones y compara las capturas: el botón que ya no cambia de color resalta en el diff.