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

148 статей

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

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

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

Визуальное тестирование на Preview Deployments Vercel: идеальный workflow для фронтенд-команд
автор Farid Boussetta

Визуальное тестирование на Preview Deployments Vercel: идеальный workflow для фронтенд-команд

Автоматизировать визуальное тестирование на Vercel previews. Vercel + тестирование — идеальная связка для фронтенд-команд.

Читать далее →
Визуальное тестирование и Trunk-Based Development: страховочная сеть, которую нельзя игнорировать
автор Farid Boussetta

Визуальное тестирование и Trunk-Based Development: страховочная сеть, которую нельзя игнорировать

Trunk-based development без тестирования — рискованная ставка. Как визуальное тестирование защищает основную ветку.

Читать далее →
Визуальное тестирование и White-Label: как тестировать N тем и не сойти с ума
автор Gulben BINGOL

Визуальное тестирование и White-Label: как тестировать N тем и не сойти с ума

White-label умножает темы по клиентам, брейкпоинтам и языкам. Только автоматизированное тестирование позволяет добавить тему без QA-долга.

Читать далее →
Визуальное тестирование и Tailwind CSS: почему utility-first подход требует визуальной проверки
автор Gulben BINGOL

Визуальное тестирование и Tailwind CSS: почему utility-first подход требует визуальной проверки

Tailwind CSS делает CSS предсказуемым в теории. На практике изменение в tailwind.config.js может сломать весь сайт. Визуальное тестирование — ваша страховка.

Читать далее →
Визуальное тестирование Svelte и SvelteKit: почему растущий фреймворк заслуживает стратегии визуального тестирования
автор Alexandre Sabalot

Визуальное тестирование Svelte и SvelteKit: почему растущий фреймворк заслуживает стратегии визуального тестирования

Svelte и SvelteKit меняют фронтенд-разработку. Как выстроить визуальное тестирование для Svelte без зрелого экосистема.

Читать далее →
Визуальное тестирование для стартапов: почему начинать с MVP (и как не платить ничего)
автор Yasin AVCI

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

У стартапов нет QA-команды. No-code визуальное тестирование позволяет основателю или PM проверять интерфейс, не завися от разработчиков.

Читать далее →
Визуальное тестирование Single Page Applications (SPA): больше состояний, больше рисков, больше причин тестировать
автор Alexandre Sabalot

Визуальное тестирование Single Page Applications (SPA): больше состояний, больше рисков, больше причин тестировать

SPA умножают визуальные состояния: динамическая навигация, переходы, асинхронная загрузка. Как автоматизированное тестирование справляется с этим.

Читать далее →
Визуальное тестирование Shopify: защитите свой интернет-магазин от невидимых багов
автор Gulben BINGOL

Визуальное тестирование Shopify: защитите свой интернет-магазин от невидимых багов

Темы Shopify, приложения, кастомные checkout ломают отображение. Визуальное тестирование обнаруживает баги раньше клиентов.

Читать далее →
Визуальное тестирование Shift-Right: почему визуальное тестирование не заканчивается на деплое
автор Farid Boussetta

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

Shift-right: расширяет тестирование на продакшен. Визуальное тестирование проверяет, как сайт выглядит в реальных условиях.

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