Рамки и Тени

Рамки и тени — это не декоративная мелочь: они формируют восприятие глубины, отделяют кликабельные зоны от информационных и придают идентичность компонентам дизайн-системы. Когда border-radius меняется с 12px на 0 на всех карточках сайта, целая визуальная идентичность переключается с «современного и тёплого» восприятия на «жёсткое», и ни один функциональный тест об этом не сообщит. На бизнес-интерфейсах удалённая box-shadow на главной кнопке действия делает её визуально плоской и менее заметной, что выливается в ошибки использования в банковских дашбордах или ERP. Регрессии этой категории нередко рождаются от CSS-reset, введённого ради одного изолированного случая, от «уборки» таблицы стилей с удалением box-shadow, признанной ненужной, от изменения порядка загрузки между staging и production, меняющего каскад, или от рамки, добавленной без управления border-collapse на таблице, что создаёт неравномерные двойные рамки. Outline и разделители доступности тоже страдают от глобальных переработок, с прямыми последствиями для видимого фокуса. Delta-QA обрабатывает эту категорию через сравнение страниц с эталонными скриншотами при каждой новой версии: попиксельный анализ обнаруживает изменения радиуса, появление или исчезновение тени, вариации толщины линии и модификации цвета рамки. Визуальный diff локализует каждую карточку, кнопку и разделитель, чьё внешнее восприятие изменилось, что даёт возможность валидировать переработку токенов высоты или радиуса в дизайн-системе через визуальное тестирование, не сравнивая компоненты вручную один за другим, и страхует от тихой визуальной регрессии.