Визуальное тестирование — Все статьи и туториалы

156 статей

Визуальное тестирование — дисциплина quality assurance, состоящая в автоматическом сравнении видимого рендеринга интерфейса между двумя версиями для обнаружения регрессий, невидимых классическим функциональным тестам. Там, где модульный тест проверяет, что функция возвращает правильное значение, визуальный тест проверяет, что то, что видит пользователь, остаётся соответствующим задуманному.

На этой странице собраны статьи блога Delta-QA, посвящённые визуальному тестированию во всех его гранях: методы сравнения (попиксельное, перцептивное, структурное), инструменты рынка, интеграция в пайплайны CI/CD, измеримый ROI для QA-команд. Открываете ли вы для себя дисциплину или ищете способы индустриализировать свою практику, здесь вы найдёте руководства, сравнения и отзывы для движения вперёд.

Delta-QA — это no-code-инструмент визуального тестирования с опцией On-Premise; цель этого блога — также честно делиться сильными сторонами и ограничениями каждого подхода, не скрывая компромиссы.

Регрессионное тестирование Drupal: руководство по защите рендеринга вашей корпоративной CMS
автор Gulben BINGOL

Регрессионное тестирование Drupal: руководство по защите рендеринга вашей корпоративной CMS

Обновления модулей Drupal ломают фронтенд-рендеринг. Команды ориентированы на бэкенд. Регрессионное тестирование заполняет этот пробел.

Читать далее →
Регрессионное тестирование и Docker: без воспроизводимой среды ваши скриншоты бесполезны
автор Farid Boussetta

Регрессионное тестирование и Docker: без воспроизводимой среды ваши скриншоты бесполезны

Без Docker скриншоты меняются между машинами. Докеризируйте регрессионное тестирование: шрифты и разрешения станут идентичны, результаты воспроизводимы.

Читать далее →
Регрессионное тестирование Django: как Python-разработчики проверяют шаблоны, не касаясь фронтенда
автор Gulben BINGOL

Регрессионное тестирование Django: как Python-разработчики проверяют шаблоны, не касаясь фронтенда

Django-разработчики — эксперты бэкенда, не CSS. Регрессионное тестирование без кода проверяет рендеринг шаблонов без JavaScript.

Читать далее →
Визуальное тестирование и Design Review: как сблизить дизайнеров и разработчиков
автор Gulben BINGOL

Визуальное тестирование и Design Review: как сблизить дизайнеров и разработчиков

Разрыв между Figma и реализацией — бесконечные согласования. Визуальное тестирование сравнивает макет с результатом автоматически.

Читать далее →
Визуальное тестирование, контраст и дальтонизм: проверьте, что на самом деле видят ваши пользователи
автор Mohamed MCIRDI

Визуальное тестирование, контраст и дальтонизм: проверьте, что на самом деле видят ваши пользователи

8% мужчин — дальтоники. Недостаточный контраст затрагивает всех. Визуальное тестирование с симуляцией гарантирует доступность.

Читать далее →
Визуальное тестирование и динамический контент: как тестировать, когда всё меняется при каждой загрузке
автор Gulben BINGOL

Визуальное тестирование и динамический контент: как тестировать, когда всё меняется при каждой загрузке

Даты, реклама, аватары, уведомления, состояния загрузки. Узнайте, как тестировать страницы с динамическим контентом.

Читать далее →
Визуальное тестирование и Brand Guidelines: автоматизация соответствия бренду
автор Gulben BINGOL

Визуальное тестирование и Brand Guidelines: автоматизация соответствия бренду

Автоматически проверять соответствие brand guidelines: цвета, типографика, отступы. Визуальное тестирование как инструмент compliance.

Читать далее →
Регрессионное тестирование и Headless CMS: почему Contentful, Strapi и Sanity ломают ваш фронтенд без предупреждения
автор Gulben BINGOL

Регрессионное тестирование и Headless CMS: почему Contentful, Strapi и Sanity ломают ваш фронтенд без предупреждения

Headless CMS: контент меняется без деплоя и может сломать вёрстку. Регрессионное тестирование — единственная защита от таких изменений.

Читать далее →
Никогда не мигрируйте Bootstrap без визуального тестирования: руководство по выживанию
автор Gulben BINGOL

Никогда не мигрируйте Bootstrap без визуального тестирования: руководство по выживанию

Миграция между мажорными версиями Bootstrap систематически ломает рендеринг. Визуальное тестирование — единственный надёжный способ пройти обновление.

Читать далее →