Визуальное тестирование по скриншотам (screenshot testing): метод обнаружения визуальных регрессий, при котором делается снимок веб-страницы или компонента и сравнивается с эталонным изображением, а различия, признанные значимыми, сообщаются как потенциальные регрессии.
Percy долго было первым именем, которое вспоминали, говоря об автоматизированном визуальном тестировании. Купленный BrowserStack в 2020 году, инструмент закрепился как «очевидное» решение для команд, желающих добавить в тестовый пайплайн слой визуального сравнения.
Ландшафт изменился. И вопрос, который каждой команде стоит задать сегодня, уже не «как встроить Percy в наши тесты?», а «подходит ли подход Percy под нашу задачу лучше всего?».
Delta-QA отвечает на ту же проблему иначе. Никакой оплаты за скриншот, никаких тестов для написания: вы записываете сценарии в браузере, а Delta-QA сообщает, какой элемент изменился между версиями. В SaaS или, с вариантом On-Premise, внутри вашей сети. Сравним оба.
Все наши сравнения по проверяемым критериям: Альтернативы и сравнения.
А если проверка каждой страницы не увеличивала бы ваш счёт за скриншоты? Delta-QA проверяет ваши сценарии без кода, с бесплатным аккаунтом и без банковской карты. Попробовать Delta-QA бесплатно →
Percy: визуальное тестирование как расширение ваших существующих тестов
Percy работает по простому принципу: в выбранных точках ваших автоматизированных тестов вы запускаете снимок. Этот снимок отправляется на инфраструктуру BrowserStack, где сравнивается с эталонным изображением (baseline). Различия показываются в веб-дашборде, где ваша команда утверждает или отклоняет каждое изменение.
Чтобы использовать его в сценариях, сначала нужны автоматизированные тесты (Cypress, Playwright, Selenium, Storybook или один из множества поддерживаемых фреймворков). Вы устанавливаете соответствующий SDK Percy, добавляете вызовы снимков в нужных местах и настраиваете токен для связи с Percy. BrowserStack анонсирует «Visual Test Integration Agent», ещё не вышедший на 10/2026, чтобы автоматизировать эту настройку из IDE.
Percy также предлагает Website Scanner: вы добавляете страницы через sitemap, планируете периодические сканирования, в том числе на предпродакшен-окружении и за аутентификацией. Это вход без написания тестов для мониторинга страниц. Сценарии же (авторизация, корзина, многошаговая форма) идут через ваши тесты и SDK.
Если вы разработчик, уверенно владеющий тестовыми инструментами, всё это осуществимо за несколько часов. Если вы не разработчик, вы зависите от кого-то другого, кто настроит и будет поддерживать тесты ваших сценариев.
Delta-QA: визуальное тестирование как самостоятельная деятельность
Delta-QA исходит из противоположного постулата: визуальное тестирование не должно быть привеском к функциональным тестам. Это полноценная деятельность со своими пользователями.
Конкретно: вы открываете свой сайт в Delta-QA и проходите сценарий как пользователь: авторизация, навигация, форма. Каждый шаг становится контрольной точкой. В следующей версии Delta-QA воспроизводит сценарий в настоящем браузере и сравнивает каждую страницу с её эталоном так, как это сделал бы человеческий глаз: он находит изменившиеся элементы и называет их в отчёте.
Результат: читаемый отчёт: элемент добавлен, удалён, изменён или перемещён, изменился цвет, сдвинулся отступ, отличается шрифт. Вы оцениваете каждое различие, задуманное или баг, и эталон движется вместе с вами.
И всё это без единой строки кода. Если вы умеете пройти по своему сайту, вы умеете записать сценарий.
Код и no-code: почему это меняет всё
Самое фундаментальное различие между Percy и Delta-QA не техническое, а организационное.
Percy прежде всего инструмент разработчика. Для сценариев он живёт в коде, устанавливается через npm или pip, настраивается в файлах и выполняется в пайплайнах CI/CD. Это совершенно логично, когда ваши тестировщики разработчики.
Подумайте о своей команде. Кто заботится о визуальном качестве вашего продукта? Разработчики, конечно. Но и дизайнеры, создавшие макеты, и product owner, утвердившие сценарии, и QA-менеджеры, определяющие критерии приёмки, и маркетологи, ведущие страницы контента.
С Percy эти специалисты утверждают или отклоняют изменения в дашборде и могут добавлять страницы в Website Scanner. Но сценарий, требующий действий (войти, наполнить корзину, отправить форму), остаётся делом тех, кто пишет тесты.
Delta-QA включает их. Любой человек в команде может записать сценарий, воспроизвести его и оценить результаты. Визуальное тестирование становится общей ответственностью, а не делегированной технической задачей.
Счёт за скриншоты: модель, давящая на покрытие
Экономическая модель Percy заслуживает особого внимания, потому что напрямую связывает тестовое покрытие с бюджетом.
По состоянию на 10/2026, по тарифной сетке BrowserStack:
- Free: 5 000 скриншотов в месяц, неограниченное число пользователей, месяц истории.
- Desktop: от 199 $ в месяц при оплате за год за 10 000 скриншотов в месяц; каждый дополнительный скриншот стоит 0,036 $.
- Desktop & Mobile: от 599 $ в месяц при оплате за год за 25 000 скриншотов в месяц и реальные мобильные устройства; 0,048 $ за дополнительный скриншот.
- Enterprise: опционально, по запросу (SSO, контроль доступа, SLA).
За определением скриншота нужно следить: каждое сочетание страницы, браузера и ширины экрана даёт один. Если вы тестируете 10 страниц на 3 ширинах и 2 браузерах, это 60 скриншотов за запуск. При двух запусках в день бесплатная квота исчерпывается меньше чем за три недели.
Возьмём интернет-магазин с 500 страницами товаров, проверяемый после каждого ежедневного развёртывания на трёх ширинах экрана: 45 000 скриншотов в месяц. Это выше базового плана Desktop, и каждый лишний скриншот оплачивается.
Эта модель создаёт напряжение между тестовым покрытием и бюджетом. Команды в итоге ограничивают число тестируемых страниц, частоту или ширины экрана не потому, что это верное техническое решение, а потому, что так диктует бюджет.
Delta-QA не тарифицирует по скриншотам. Бесплатный аккаунт создаётся без банковской карты, а затем планы следуют за использованием, без счётчика на снимок, браузер или ширину экрана.
Облако или On-Premise: суверенитет ваших данных
Каждый скриншот, отправленный в Percy, проходит через инфраструктуру BrowserStack и хранится там. Для большинства публичных сайтов это не проблема. Но публичные сайты лишь часть того, что тестируют команды.
А ваш бэк-офис? Ваш внутренний дашборд с данными клиентов? Ваше предпродакшен-окружение с плохо анонимизированными продакшен-данными? Ваш медицинский портал, банковский интерфейс, система кадров?
Отправка снимков этих страниц третьей стороне, пусть даже сертифицированной, ставит вопросы, которые некоторые организации не могут игнорировать: GDPR, HDS, PCI-DSS, внутренние политики безопасности. По состоянию на 10/2026 в тарифной сетке Percy нет развёртывания on-premise.
Delta-QA отвечает вариантом On-Premise. Инструмент работает в вашей сети, ваши страницы сравниваются там же, и результаты там остаются. Вариант оценивается на бесплатном POC в течение месяца.
Ваши снимки не должны покидать вашу инфраструктуру? Delta-QA работает как SaaS или, с вариантом On-Premise, в вашей сети. Начните с бесплатного аккаунта, без банковской карты. Попробовать Delta-QA бесплатно →
Стабильность результатов: шум отрисовки
Каждый, кто пользовался инструментом визуального тестирования на основе снимков, знает ложные срабатывания. Отрисовка шрифта меняется от системы к системе, сглаживание отличается, анимация, снятая в другой момент, даёт другое изображение, появившаяся полоса прокрутки сдвигает всё на несколько пикселей.
Percy много работал над этим. Его «Percy Visual Engine» по данным BrowserStack опирается на компьютерное зрение и машинное обучение для диффов. Percy отключает анимации и GIF перед снимком и предлагает настройку чувствительности сравнения. «Visual Review Agent» выделяет значимые изменения, ускоряя ревью. Эти инструменты сокращают разбор, но не устраняют его: остаётся человек, который смотрит каждый дифф и принимает решение.
Delta-QA подходит к проблеме с другой стороны: он сравнивает элементы страницы, а не два изображения. Отчёт говорит, какой элемент изменился и как (цвет, отступ, шрифт, позиция), благодаря чему каждое различие быстро оценивается. Чтобы понять разницу между двумя подходами, см. нашу статью о попиксельном и перцептивном сравнении.
Интеграция CI/CD: два подхода
Percy встраивается в пайплайны CI/CD через свой SDK. Это зрелая интеграция, работающая с основными системами CI (GitHub Actions, GitLab CI, Jenkins, CircleCI), со статусом прямо в pull request.
У Delta-QA теперь есть SDK, Vision, для Playwright (TypeScript/JavaScript). С SDK Vision тест Playwright добавляет строку там, где нужно проверить страницу; неоценённое различие приводит к падению теста, а в логе CI есть ссылка на отчёт. Ваши тесты в коде и сценарии, записанные без кода, живут в одном пространстве: те же эталоны, тот же отчёт. У Percy остаётся преимущество зрелости и числа поддерживаемых фреймворков.
Когда Percy остаётся правильным выбором
Вы хотите визуальное тестирование как дополнение к существующим функциональным тестам. Если у вас уже есть надёжный набор Cypress, Selenium или Playwright, добавить Percy это путь наименьшего сопротивления, с зрелой интеграцией CI во многих фреймворках.
Вам нужно визуальное кросс-браузерное тестирование. Percy снимает в нескольких браузерах через инфраструктуру BrowserStack и на реальных мобильных устройствах с планом Desktop & Mobile. Delta-QA сегодня сравнивает в Chromium; Firefox и WebKit запланированы.
Ваша команда состоит из разработчиков. Если визуальным тестированием будут заниматься только те, кто уверенно владеет SDK и пайплайнами, порог входа в Percy низок.
Когда Delta-QA лучший вариант
Визуальное тестирование самостоятельная потребность, а не расширение функциональных тестов. Если у вас нет автоматизированных тестов или ваши сценарии ими не покрыты, Delta-QA проверяет их, не требуя ничего писать.
Должны участвовать не-разработчики. QA, дизайнеры, product owner, маркетинг: если им нужно записывать и оценивать сценарии без разработчика, Delta-QA сделан для них.
Вы не принимаете тарификацию по скриншотам. Если вы не хотите, чтобы число тестируемых страниц, браузеров и ширин экрана диктовалось счётчиком, модель Delta-QA снимает это ограничение.
Конфиденциальность данных не обсуждается. Если ваши политики запрещают отправлять снимки третьей стороне, вариант On-Premise Delta-QA держит всё в вашей сети.
Вам нужен отчёт, который читается. Если разбор диффов изображений вас обескуражил, отчёт, называющий изменённый элемент и изменённое свойство, меняет ревью.
Вердикт
Percy зрелый инструмент, хорошо встроенный в экосистему BrowserStack и эффективный для команд разработчиков, желающих добавить визуальный слой к своим автоматизированным тестам, с кросс-браузерностью и реальными устройствами.
Но многим командам не нужны SDK, облачный сервис и тарификация по скриншотам, чтобы обнаруживать визуальные регрессии своих сценариев. Им нужен инструмент, которым может пользоваться вся команда и счёт за который не растёт вместе со строгостью тестов.
Delta-QA задуман для них. Он не шире Percy и не претендует на это. Он решает визуальное тестирование сценариев с меньшим трением и большей доступностью. А инструмент, который принимает вся команда, часто полезнее того, что производит впечатление.
Готовы тестировать сценарии, не считая скриншоты? Запишите первый сценарий с Delta-QA, с бесплатным аккаунтом и без банковской карты. Попробовать Delta-QA бесплатно →
FAQ
Бесплатен ли Percy?
Percy предлагает бесплатный план на 5 000 скриншотов в месяц с неограниченным числом пользователей и месяцем истории (на 10/2026). Далее платные планы начинаются от 199 $ в месяц при оплате за год за 10 000 скриншотов в месяц, и каждый дополнительный скриншот тарифицируется. С Delta-QA можно начать с бесплатного аккаунта, без банковской карты.
Можно ли использовать Percy без написания кода?
Отчасти. Website Scanner в Percy отслеживает страницы, добавленные через sitemap, с плановыми сканированиями, не требуя писать тесты. Чтобы проверять сценарии (авторизация, корзина, форма), нужны автоматизированные тесты и SDK Percy. Delta-QA записывает такие сценарии без кода, из браузера.
Обнаруживает ли Delta-QA те же баги, что и скриншоты?
Он обнаруживает регрессии, затрагивающие элементы страницы: цвета, размеры, позиции, шрифты, отступы, добавленные или исчезнувшие элементы. Содержимое внутри изображения или дефект отрисовки, свойственный конкретному браузеру, скорее относятся к сравнению изображений. Delta-QA сегодня сравнивает в Chromium.
Работает ли Percy со страницами с аутентификацией?
Да. В ваших автоматизированных тестах скрипт выполняет авторизацию до снимка; Website Scanner также умеет сканировать страницы за аутентификацией. В Delta-QA авторизация просто часть записанного сценария.
Есть ли у Delta-QA SDK, как у Percy?
Да. У Delta-QA теперь есть SDK, Vision, для Playwright (TypeScript/JavaScript). SDK Vision заставляет Delta-QA проверить страницу одной строкой, а неоценённое различие приводит к падению теста со ссылкой на отчёт в CI.
Может ли Percy работать on-premise?
По состоянию на 10/2026 в тарифной сетке Percy нет развёртывания on-premise: отрисовка и хранение происходят на инфраструктуре BrowserStack. Delta-QA предлагает вариант On-Premise, который можно оценить на бесплатном POC в течение месяца.
Могут ли Percy и Delta-QA сосуществовать?
Да. Вы можете оставить Percy в автоматизированных тестах для компонентов и кросс-браузерности и использовать Delta-QA, чтобы вся команда проверяла сценарии без кода. Два инструмента независимы.