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

156 статей

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

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

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

Регрессионное тестирование для люкса и моды: когда смещение на пиксель стоит целое состояние
автор Malloum LAYA

Регрессионное тестирование для люкса и моды: когда смещение на пиксель стоит целое состояние

В люксе и моде изображение — это продукт. Баг интерфейса на сайте Chanel или Hermès — не технический инцидент, а катастрофа для бренда.

Читать далее →
Регрессионное тестирование и lazy loading: как тестировать страницы, которые строятся при скролле
автор Emre AVCI

Регрессионное тестирование и lazy loading: как тестировать страницы, которые строятся при скролле

Lazy loading и infinite scroll создают страницы, загружающиеся постепенно. Как захватывать и тестировать такой контент без потери покрытия.

Читать далее →
Регрессионное тестирование Laravel Blade: фронтенд, который бэкенд-разработчики забывают тестировать
автор Gulben BINGOL

Регрессионное тестирование Laravel Blade: фронтенд, который бэкенд-разработчики забывают тестировать

Почему Laravel-разработчики тестируют бэкенд, но игнорируют рендеринг шаблонов Blade, и как регрессионное тестирование без кода закрывает эту брешь.

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

Визуальное тестирование и языки RTL: единственный надёжный способ проверить рендеринг арабского и иврита

Языки RTL (арабский, иврит): layout зеркалится, иконки инвертируются. Только визуальное тестирование проверяет это.

Читать далее →
Регрессионное тестирование для недвижимости и Proptech: когда пользовательский контент ломает ваши шаблоны
автор Malloum LAYA

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

Платформы недвижимости: объявления пользователей ломают вёрстку. Регрессионное тестирование проверяет, выдерживают ли шаблоны такой контент.

Читать далее →
Визуальное тестирование и изображения Retina: если вы не тестируете в HiDPI, вы не видите то, что видят ваши пользователи
автор Gulben BINGOL

Визуальное тестирование и изображения Retina: если вы не тестируете в HiDPI, вы не видите то, что видят ваши пользователи

Экраны Retina и HiDPI: как обнаружить изображения, поставляемые в 1x, которые выглядят размытыми на дисплеях 2x и 3x у ваших пользователей.

Читать далее →
Регрессионное тестирование iframe и сторонних встраиваний: вы ответственны за то, что не контролируете
автор Emre AVCI

Регрессионное тестирование iframe и сторонних встраиваний: вы ответственны за то, что не контролируете

Iframe и встраивания (YouTube, Maps, виджеты) ломают вашу страницу. Автоматизированное регрессионное тестирование — единственный надёжный контроль.

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

Регрессионное тестирование государственных сайтов: доступность, суверенитет и влияние на граждан

Государственные сайты требуют доступности (WCAG) и суверенитета данных. Регрессионное тестирование необходимо — предпочтительно on-premise.

Читать далее →
Регрессионное тестирование Gatsby: статические сайты тестировать проще всего — вот как
автор Alexandre Sabalot

Регрессионное тестирование Gatsby: статические сайты тестировать проще всего — вот как

Gatsby генерирует идеальные для тестирования статические сайты, но плагины, источники данных и обновления незаметно ломают рендеринг.

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