1
Виджеты дашборда
Валидирует визуальную целостность карточек данных, графиков, KPI-индикаторов и панелей метрик.
35 тест-кейсов
Реальные Компоненты
Реальные компоненты объединяют множество CSS-свойств в сложные взаимозависимые визуальные системы. Изменение одного свойства может распространиться на весь компонент. Delta-QA тестирует полные UI-паттерны.
Что мы обнаруживаем
2
Карточки e-commerce
Тестирует карточки товаров, отображение цен, компоненты рейтинга и стилизацию кнопок покупки.
3
Канбан-доски
Мониторит колоночные макеты, стеки карточек, ручки перетаскивания и индикаторы статусов.
4
Таблицы цен
Валидирует карточки тарифов, списки сравнения, выделенные планы и стилизацию CTA-кнопок.
5
Навигационные панели
Тестирует навигацию header, выпадающие меню, мобильное гамбургер-меню и индикаторы активных ссылок.
6
Таблицы данных
Обнаруживает изменения заголовков таблиц, чередование строк, выравнивание ячеек и адаптивное поведение.
Живой пример
Посмотрите, что именно обнаруживает Delta-QA. Сравните две версии бок о бок.
До
После
Реальные сценарии
🎯
Выпадающий список, который открывается за таблицей
Разработчик добавляет overflow: hidden на таблицу, чтобы исправить баг с горизонтальным скроллом. Последствие: выпадающее меню действий на каждой строке открывается, но остаётся обрезанным — видна только верхняя половина, пункты «Удалить» и «Архивировать» срезаны. Разработчик исправил свой баг со скроллом, но не проверил, что выпадающие меню по-прежнему работают визуально. Delta-QA сравнивает скриншоты с открытым меню и обнаруживает, что dropdown обрезан — недостающая половина видна в diff.
⚠️
Модальное окно, которое не центрируется
Разработчик меняет позиционирование body для нового sticky-компонента. Побочный эффект: модальное окно подтверждения смещается в верхний левый угол вместо центра. На мобильном оно частично за пределами экрана — посетители не видят кнопку «Подтвердить». Релиз был срочным, протестировали sticky-компонент, но не 5 модальных окон сайта. Delta-QA сравнивает скриншоты и выделяет смещение модального окна — его новая позиция чётко видна при наложении.
💡
Карусель, которая показывает два слайда
CSS-изменение меняет ширину родительского контейнера карусели товаров. Вместо одного слайда теперь видны два — второй обрезан посередине. Визуально это выглядит сломанным, клиенты видят небрежную подачу. Разработчик менял контейнер по другой причине и даже не знал, что карусель от него зависит. Delta-QA сравнивает скриншоты и обнаруживает частично видимый второй слайд — обрезанный контент виден в diff.
Готовы ловить каждую визуальную регрессию?
Скачайте Delta-QA и начните обнаруживать CSS-изменения на ваших веб-страницах — без кода.