Как протестировать сайт агентом: браузер Playwright

Коротко: Агент умеет тестировать сайт по-настоящему: открывает его в браузере через Playwright, кликает по кнопкам, заполняет формы, смотрит на страницы своими глазами и чинит найденное. Ваша задача - попросить: «запусти сайт и проверь как тестировщик». Прогоняйте такой тест после каждой фичи и обязательно перед публикацией.

Документация Playwright: установка и первый тест

«Всё готово» от агента - это не проверка. Проверка - это когда кто-то прошёл путь пользователя: открыл страницу, заполнил форму, нажал кнопку и убедился, что заявка дошла. Хорошая новость: этим «кем-то» может быть сам агент.

Содержание
  1. Что такое Playwright
  2. Промпт сквозного теста
  3. Цикл скриншотов
  4. Когда запускать тест
  5. Частые вопросы
  6. Что дальше

Что такое Playwright

Playwright - инструмент управления браузером: программа открывает страницы, кликает, печатает и делает скриншоты, как живой человек. Ставить и изучать его вам не нужно - агент использует его сам, когда вы просите протестировать сайт. Достаточно знать, что за магией стоит именно это.

Промпт сквозного теста

Запусти проект локально и протестируй как дотошный тестировщик:
1. Пройди главный путь пользователя: открой страницу, заполни форму заявки
   тестовыми данными, отправь, убедись, что данные реально сохранились.
2. Прокликай все кнопки и ссылки - найди мёртвые.
3. Проверь страницу на ширине телефона и планшета, сделай скриншоты.
4. Проверь пустые и кривые данные в формах: что будет, если отправить
   пустую форму или телефон из букв?
5. Всё найденное - почини и прогони проверку заново.
В конце - короткий отчёт: что проверил, что нашёл, что исправил, плюс скриншоты.

Агент запустит сайт, откроет браузер, пройдёт сценарии и вернётся с отчётом и скриншотами. Найденное чинит сам и перепроверяет - это его работа, не ваша.

Цикл скриншотов

Отдельный приём для вёрстки: «после каждой изменённой страницы делай скриншот, смотри на него сам и исправляй, если что-то съехало; минимум два прохода». Так агент ловит визуальные поломки - наехавшие блоки, пропавшие кнопки - до того, как их увидите вы.

Когда запускать тест

Это часть цикла качества: проверка ошибок, тест в браузере, security review - и только потом коммит.

Мобильная версия - не опция

Большинство трафика приходит с телефонов, а ломается вёрстка чаще всего именно там. Строка «проверь на ширине телефона» должна быть в каждом тестовом промпте по умолчанию.

Частые вопросы

Нужно ли устанавливать Playwright самому?

Нет. Скажите агенту «протестируй сайт в браузере» - недостающее он поставит и настроит сам. Ваше дело - сценарии: что именно проверить.

Что агент делает с найденными ошибками?

Чинит и прогоняет проверку заново, по кругу, пока сценарий не пройдёт. Ваша точка контроля - финальный отчёт со скриншотами.

Можно ли так тестировать чужие сайты?

Свои - да: локальную версию, тестовую, прод. Чужие сервисы нагружать автотестами не стоит: это и невежливо, и может нарушать их правила.

Заменяет ли это проверку руками?

Не полностью. Агент закрывает рутину и регресс, но финальный взгляд владельца - открыть сайт самому и пройти путь клиента - остаётся обязательным перед запуском.

Что дальше

Мнение редакции ENGRAM

Тестирование в вайб-кодинге перестало быть отдельной профессией: агент сам кликает, сам находит и сам чинит. Единственное, что нельзя делегировать, - решение, что именно важно проверить. Сценарий пути клиента - ваша часть, вся рутина браузера - его.

ENGRAM решает это

Знания и наработки команды теряются в переписке. ENGRAM собирает их в единую ИИ-память с поиском по смыслу - данные остаются в России.

Читайте также