Агент тестирования — это программа для проверки вашего сайта, приложения или внутренней системы. Вы открываете страницу в Chrome, снимаете экран и объясняете словами, что не так, — искусственный интеллект один раз разбирает замечание и превращает его в проверку, которая дальше работает сама, без обращения к модели. Второй слой — визуальные проверки: продукт сравнивает каждую сборку с одобренным образцом страницы и показывает отличия картинкой, а решение всегда выносит человек. Ниже — что это за продукт, кому он подходит и с чего начать.
Главная мысль
ИИ нужен только на этапе обучения. Вы показываете страницу и объясняете проблему словами — модель пишет правило: маленькую проверку, которая ищет эту проблему в браузере. Дальше правило работает без модели: быстро, бесплатно и на всех похожих страницах сразу. Чем больше правил накопилось, тем меньше в продукте ИИ — и тем дешевле обходится каждая проверка.
Сравните с обычным подходом, когда ИИ «смотрит» на каждую страницу при каждом выпуске: там модель работает постоянно, и каждый прогон стоит денег. Здесь модель отрабатывает один раз за проблему, а дальше её работу выполняет обычный код.
У визуальных проверок логика та же. Сравнение почти всегда решается без модели: снимок сверяется по отпечатку, а если отпечаток отличается — по порогам и областям, которые вы исключили. Совпавший снимок вообще ничего не стоит, строки сравнения не появляется, а повторы бесплатны. Модель подключается только на неоднозначных случаях и никогда не выносит вердикт вместо человека: она может лишь подсказать, а одобряет или отклоняет изменение человек.
Кому подходит
- Интернет-магазинам — корзина, оплата, личный кабинет: проверки ловят поломки до того, как они дойдут до покупателей.
- Сайтам и лендингам — формы заявок, кнопки, читаемость текста после каждой правки вёрстки.
- Внутренним системам — рабочие программы, которыми пользуются сотрудники: проверки ловят и неудобства, и настоящие ошибки.
- Всем, где интерфейс меняется — если правки выходят часто, ручная проверка «глазами» рано или поздно перестаёт успевать.
Из чего состоит продукт
Девять слов, которые дальше встречаются постоянно. Все они — названия разделов в самом интерфейсе.
- Проект — один проверяемый сайт или приложение. У каждого проекта свои правила, действия и тесты.
- Экран — снимок страницы и её описание: адрес, заголовок, структура. Плюс замечания словами, что на этой странице не так.
- Правило — проверка, которая ищет конкретную проблему. Пишется один раз, работает всегда.
- Действие — записанный сценарий работы с интерфейсом: войти, открыть оплату, заполнить форму.
- Тест — последовательность шагов: открыть адрес, выполнить действие, проверить правила.
- Запуск — одно выполнение теста. Каждый шаг оставляет снимок и результат проверок — это доказательства, а не просто «зелёная галочка».
- Сборка — запуск с визуальными проверками: продукт снимает шаги теста и сравнивает их с эталоном. У сборки есть ветка, состояние проверки и причина падения.
- Эталон — одобренный человеком образец страницы, с которым сравнивают снимки. Хранится с историей версий, поэтому видно, кто и когда его одобрил.
- Ревью — проверка отличий человеком: одобрить, запросить правки или отклонить. Одобрить изменение может только человек — ни модель, ни внешняя программа этого не делают.
Вокруг этого набора работают ещё несколько вещей: расписание (когда тесты запускаются сами), проблемы (одинаковые ошибки, склеенные в одну строку), автоисправление (агент чинит сломавшуюся проверку) и сводка на главном экране, которая отвечает на вопрос «что требует меня сейчас».
У визуальной части свои разделы: вкладка «Проверка» со списком сборок, «Эталоны» с их версиями, «Доска проверки» с отличиями, ждущими решения, «Разбор сборок» с причинами падений и «Покрытие» с инвентарём того, что защищено проверками.
Первый вход
Установка описана в разделе Установка — там одна команда и одна страница настроек. После запуска откройте адрес сервера в браузере: если пользователей ещё нет, приложение предложит зарегистрироваться. Первый зарегистрировавшийся становится администратором — остальные пользователи добавляются позже. Вход держится 90 дней, пароль повторно вводить не придётся.
Дальше администратор заводит остальных пользователей и выдаёт им роли: «Наблюдатель», «Рецензент», «Участник», «Администратор» и «Владелец». Отдельно отмечается дизайн-ревьюер — только он утверждает отличия в оформлении. Там же выпускаются ключи API: они нужны, чтобы проверки запускались из вашей системы непрерывной сборки.
Как выглядит окно
- Слева — список разделов: «Проекты», а у администратора ещё «Операции» (исполнители, очередь, бюджеты). Внизу — «Промпты» и «Чаты». Экран «Диагностика» открывается из полосы предупреждений о работоспособности проверок.
- В центре — «Проекты»: карточки ваших проектов и цифры сверху о том, что требует внимания.
- Внутри проекта — вкладки: «Экраны», «Правила», «Действия», «Тесты», «Покрытие», «Агенты», «Проверка», «Проблемы», «Настройки».
- Из проекта — «Эталоны», «Доска проверки», «Журнал аудита», «ИИ-журнал» и «Чек-лист» настройки визуальных проверок.
Первые шаги
- Создайте проект — укажите название и адрес вашего сайта. Продукт сразу заведёт папку проекта со всеми настройками.
- Установите дополнение Chrome — оно снимает экраны и выполняет проверки прямо в браузере.
- Снимите экран и напишите замечание — откройте нужную страницу, включите панель и объясните своими словами, что не так.
- Нажмите «Вызвать агента» — в чат подставится готовый отчёт по экрану. Допишите просьбу и отправьте: модель вернёт правило, новые знания о вашем интерфейсе и подскажет тип экрана.
- Подтвердите правило — прогоните его на странице и нажмите «Подтвердить». Подтверждение значит «проверка работает без ошибок», а не «страница в порядке»: сама оценка страницы появится позже, при запусках.
- Соберите тест — последовательность шагов из действий и правил, которые нужно проверять вместе.
- Объявите съёмку у шага — отметьте в тесте, какие шаги нужно снимать. Снимок делает дополнение Chrome.
- Запустите первую сборку — она сама создаст эталоны для всех снимков: сравнивать пока не с чем.
- Утвердите эталоны — посмотрите первые снимки на доске проверки и одобрите их. С этого момента отличие от этих снимков считается изменением.
- Запустите вторую сборку и посмотрите вердикт — если страница не менялась, сравнение выйдет «без изменений»; если менялась, вы увидите отличия и решите, обновлять эталон или чинить.
- Поставьте расписание — например, каждое утро в 9:00. Тест будет запускаться сам, а вы увидите результат в сводке.
Пошаговый чек-лист — восемь шагов — открывается у нового проекта сам, а позже к нему всегда можно вернуться: Чек-лист настройки.
Что понадобится
Сервер, на котором работает продукт, и браузер Chrome с установленным дополнением — его называют исполнителем: именно он выполняет проверки и запускает тесты. Всё живёт на вашей стороне: ни снимки, ни правила, ни тесты никуда не отправляются, кроме обращений к ИИ-агенту, когда вы сами их запускаете. Для визуальных сборок Chrome должен быть подключён постоянно: снимки делает только дополнение — отдельного браузера на сервере и перерисовки страниц в облаке у продукта нет.
Честно о двух ограничениях с самого начала. Дополнение приватное: его нет в каталоге Chrome, ставится вручную из папки, которую готовит сам продукт. И расписание срабатывает только тогда, когда компьютер-исполнитель включён, — пропущенный момент не догоняется.
Дальше: как устроены проекты и что лежит в их папках — в разделе Проекты и настройки.