112 статей
Визуальное тестирование — дисциплина quality assurance, состоящая в автоматическом сравнении видимого рендеринга интерфейса между двумя версиями для обнаружения регрессий, невидимых классическим функциональным тестам. Там, где модульный тест проверяет, что функция возвращает правильное значение, визуальный тест проверяет, что то, что видит пользователь, остаётся соответствующим задуманному.
На этой странице собраны статьи блога Delta-QA, посвящённые визуальному тестированию во всех его гранях: методы сравнения (попиксельное, перцептивное, структурное), инструменты рынка, интеграция в пайплайны CI/CD, измеримый ROI для QA-команд. Открываете ли вы для себя дисциплину или ищете способы индустриализировать свою практику, здесь вы найдёте руководства, сравнения и отзывы для движения вперёд.
Delta-QA — это desktop-, no-code- и local-first-инструмент визуального тестирования; цель этого блога — также честно делиться сильными сторонами и ограничениями каждого подхода, не скрывая компромиссы.
Gatsby генерирует предсказуемые, быстрые статические сайты, что делает их идеальными кандидатами для визуального тестирования. Но плагины, источники данных и обновления зависимостей могут незаметно ломать рендеринг.
Читать далее →
У форм десятки визуальных состояний: пустое, заполненное, ошибка, успех, загрузка, отключённое. Узнайте, почему визуальное тестирование форм — самое забытое и самое влиятельное направление всей вашей QA-стратегии.
Читать далее →
FOUT, FOIT, запасные шрифты, разные размеры на разных ОС: веб-шрифты — основной источник визуальных багов. Узнайте, как автоматизированное визуальное тестирование обнаруживает типографические проблемы, которые ваши обычные тесты пропускают.
Читать далее →В банковской сфере и финтехе визуальный баг на экране перевода или баланса может вызвать панику. Узнайте, почему on-premise визуальное регрессионное тестирование — это регуляторное требование, а не роскошь.
Читать далее →
Инструменты Figma-to-code вроде Locofy, Anima и Builder.io обещают код, точно соответствующий макетам. Но без визуального тестирования как это проверить? Узнайте, почему визуальное сравнение Figma и кода необходимо.
Читать далее →
Feature flags умножают визуальные состояния вашего приложения. Узнайте, как визуально тестировать критические комбинации, не теряя контроля.
Читать далее →
Крупные компании управляют сотнями страниц, распределёнными командами и регуляторными ограничениями. Узнайте, как визуальное тестирование интегрируется в enterprise QA-стратегию с управлением baselines, CI/CD и соответствием GDPR.
Читать далее →HTML-письма отображаются по-разному в Outlook, Gmail и Apple Mail. Узнайте, как визуальное тестирование newsletters обеспечивает единообразную отрисовку во всех почтовых клиентах.
Читать далее →Electron сочетает визуальные баги веба со спецификой десктопа (нативные меню, изменяемые окна, переменный DPI). Узнайте, как визуально тестировать Electron-приложение для обнаружения регрессий, которые ваши обычные веб-тесты не видят.
Читать далее →