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

156 статей

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

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

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

Регрессионное тестирование автомобильных конфигураторов: когда баг интерфейса влияет на решение о покупке за 40 000 евро
автор Malloum LAYA

Регрессионное тестирование автомобильных конфигураторов: когда баг интерфейса влияет на решение о покупке за 40 000 евро

Конфигураторы BMW, Peugeot, Tesla требуют регрессионного тестирования. Баг интерфейса может исказить решение о покупке. Необходимость, не опция.

Читать далее →
Регрессионное тестирование для Astro: как проверять сайты с Islands Architecture без ложных срабатываний
автор Alexandre Sabalot

Регрессионное тестирование для Astro: как проверять сайты с Islands Architecture без ложных срабатываний

Astro смешивает статический HTML и интерактивные острова React, Vue или Svelte. Только framework-agnostic регрессионное тестирование проверит всю страницу.

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

Регрессионное тестирование для страхового сектора: защитите клиентские порталы от невидимых регрессий

Страховщикам критически необходимо регрессионное тестирование: многоступенчатые формы, порталы, регуляторное соответствие. Каждый баг стоит доверия.

Читать далее →
Визуальное тестирование и Headless-браузеры: что безголовый Chromium делает (и не делает) с вашими скриншотами
автор Emre AVCI

Визуальное тестирование и Headless-браузеры: что безголовый Chromium делает (и не делает) с вашими скриншотами

Headless-браузеры и визуальное тестирование: рендеринг без GPU, растеризация Skia, отсутствующие шрифты и расхождения с режимом headed.

Читать далее →
CSS-анимации и визуальное тестирование: как перестать бороться с ложными срабатываниями
автор Gulben BINGOL

CSS-анимации и визуальное тестирование: как перестать бороться с ложными срабатываниями

Переходы, бесконечные и микро-анимации: почему CSS-анимации порождают ложные срабатывания и как их нейтрализовать в визуальном тестировании.

Читать далее →
Регрессионное тестирование Angular: специальное руководство для требовательного фреймворка
автор Alexandre Sabalot

Регрессионное тестирование Angular: специальное руководство для требовательного фреймворка

Change detection, OnPush, Angular Material: особенности Angular делают регрессионное тестирование интерфейса сложнее и нужнее, чем в React или Vue.

Читать далее →
Визуальная регрессия: почему попиксельное сравнение пропускает реальные изменения
автор Malloum LAYA

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

При настройке по умолчанию попиксельное сравнение пропускает 3 реальных визуальных изменения из 5. Сравнение элемент за элементом меняет всё.

Читать далее →
Регрессионное тестирование и A/B-тестирование: тестируйте свои тесты перед запуском
автор Mohamed MCIRDI

Регрессионное тестирование и A/B-тестирование: тестируйте свои тесты перед запуском

A/B-тестирование создаёт визуальные варианты интерфейса. Регрессионное тестирование проверяет Optimizely, VWO или AB Tasty до запуска эксперимента.

Читать далее →
Пирамида тестов забывает о визуальном тестировании: это измерение, а не уровень
автор Yasin AVCI

Пирамида тестов забывает о визуальном тестировании: это измерение, а не уровень

Визуальное тестирование не уровень пирамиды тестов, а ортогональное измерение, пронизывающее все уровни. Как правильно встроить его в стратегию.

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