Вёрстка

Вёрстка — это позвоночник любого интерфейса: именно она определяет, куда Ваши посетители направляют взгляд, как они навигируют и сколько усилий им нужно для выполнения задачи. Регрессия в макете никогда не косметическая. Кнопка «Оплатить», вытолкнутая под линию сгиба из-за изменённого padding, — это мгновенное падение конверсии; админ-таблица с накладывающимися колонками — операционный риск на рабочем месте бизнес-пользователя. Регрессии вёрстки чаще всего возникают из непредвиденных каскадных эффектов: правка глобального padding ради одного частного случая, добавление overflow: hidden, ломающего схлопывание отступов, рефакторинг flexbox, инвертирующий порядок элементов, изменение CSS-сетки, сдвигающее весь каталог, или внедрение нового компонента, тихо сдвигающего соседний контент. Сложность боксовой модели CSS вкупе со вложенностью flexbox, grid, абсолютного позиционирования и float делает эти взаимодействия трудно предсказуемыми даже для опытного разработчика. Классические автоматические пайплайны проверяют наличие элементов в DOM, но не их визуальное расположение. Delta-QA закрывает эту слепую зону, сравнивая полные эталонные скриншоты страниц до и после каждой модификации и подсвечивая каждую зону, в которой изменилось положение, размер или выравнивание. Визуальный отчёт чётко показывает смещения, наложения и элементы, выходящие за viewport, что позволяет через сравнение страниц подтвердить, что переработка CSS не сломала другой участок приложения, без ручной перепроверки каждого шаблона. Это и есть базовая дисциплина визуального тестирования и контроля визуальной регрессии в современных проектах.