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

156 статей

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

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

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

Регрессионное тестирование форм: самая дорогостоящая слепая зона вашего QA
автор Gulben BINGOL

Регрессионное тестирование форм: самая дорогостоящая слепая зона вашего QA

Формы имеют множество состояний интерфейса: пустое, ошибка, загрузка, успех. Регрессионное тестирование — забытое, но влиятельное направление QA.

Читать далее →
Визуальное тестирование и веб-типографика: шрифты — невидимая деталь, которая разрушает ваш UX
автор Gulben BINGOL

Визуальное тестирование и веб-типографика: шрифты — невидимая деталь, которая разрушает ваш UX

FOUT, FOIT, запасные шрифты, разные размеры на разных ОС: веб-шрифты остаются одним из главных источников визуальных багов.

Читать далее →
Регрессионное тестирование для финтеха и банков: почему on-premise — это безальтернативно
автор Malloum LAYA

Регрессионное тестирование для финтеха и банков: почему on-premise — это безальтернативно

Регрессионное тестирование для банков и финтеха: требования PCI-DSS и почему on-premise не обсуждается, когда речь о чувствительных экранах.

Читать далее →
Визуальное тестирование Figma-to-Code: почему генерация кода без визуальной проверки — это слепая вера
автор Gulben BINGOL

Визуальное тестирование Figma-to-Code: почему генерация кода без визуальной проверки — это слепая вера

Инструменты Figma-to-code вроде Locofy, Anima и Builder.io обещают код, точно соответствующий макетам. Но без визуального тестирования как это проверить?

Читать далее →
Feature Flags и визуальное тестирование: как обуздать комбинаторный взрыв ваших интерфейсов
автор Farid Boussetta

Feature Flags и визуальное тестирование: как обуздать комбинаторный взрыв ваших интерфейсов

Feature flags умножают визуальные состояния вашего приложения. Узнайте, как визуально тестировать критические комбинации, не теряя контроля.

Читать далее →
Регрессионное тестирование в крупных компаниях: управление, соответствие и масштабирование
автор Malloum LAYA

Регрессионное тестирование в крупных компаниях: управление, соответствие и масштабирование

Сотни страниц, распределённые команды, регуляторные ограничения: как выстроить регрессионное тестирование в масштабе крупной компании.

Читать далее →
Визуальное тестирование email-рассылок и newsletters: полное руководство по идеальной отрисовке
автор Gulben BINGOL

Визуальное тестирование email-рассылок и newsletters: полное руководство по идеальной отрисовке

HTML-письма отличаются в Outlook, Gmail и Apple Mail. Визуальное тестирование обеспечивает единообразное отображение везде.

Читать далее →
Регрессионное тестирование приложений Electron: веб в десктопной оболочке, баги в придачу
автор Alexandre Sabalot

Регрессионное тестирование приложений Electron: веб в десктопной оболочке, баги в придачу

Регрессионное тестирование Electron: изменяемые окна, нативные меню, переменный DPI и комбинаторика ОС на разрешение, которую нужно покрыть.

Читать далее →
Регрессионное тестирование для EdTech-платформ: безупречный интерфейс от аудитории до смартфона
автор Malloum LAYA

Регрессионное тестирование для EdTech-платформ: безупречный интерфейс от аудитории до смартфона

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

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