Анимации

Разработчик рефакторит стили и случайно удаляет transition длительностью 300ms на выпадающем меню. Без перехода меню резко сдвигает контент ниже вместо плавного раскрытия — страница «прыгает» визуально. Видимое последствие: элементы под меню оказываются ниже, чем в эталонной версии, потому что браузер больше не пересчитывает раскладку плавно. Это CSS-рефакторинг, никто не подумал перетестировать визуальные взаимодействия. Delta-QA сравнивает скриншоты открытого меню и обнаруживает сдвиги контента под ним — изменённая раскладка видна в diff.

Разработчик копирует стили лоадера из другого проекта для «гармонизации» компонентов. Новый лоадер выглядит иначе: крупнее, с акцентным цветом, не соответствующим брендбуку, и другим стилем индикатора (пунктирный вместо сплошного). Он крутится, значит функционально работает — команда решила «годится, это же лоадер». Delta-QA сравнивает скриншоты и выделяет различия в размере, цвете и форме лоадера — компонент, не похожий на эталон, виден в diff.

Разработчик добавляет прозрачный элемент поверх кнопок для трекинга аналитики. Последствие: hover больше не срабатывает — мышь наводится на невидимый элемент, а не на кнопку. Визуально кнопки не меняют цвет при наведении, сайт кажется «мёртвым». Изменение касалось трекинга, а не кнопок — никто не подумал проверить визуальный отклик при наведении. Delta-QA делает скриншоты кнопок в состоянии hover и сравнивает: кнопка, не меняющая цвет, видна в diff.