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

«Всё готово» от агента - это не проверка. Проверка - это когда кто-то прошёл путь пользователя: открыл страницу, заполнил форму, нажал кнопку и убедился, что заявка дошла. Хорошая новость: этим «кем-то» может быть сам агент.
Содержание
Что такое Playwright
Playwright - инструмент управления браузером: программа открывает страницы, кликает, печатает и делает скриншоты, как живой человек. Ставить и изучать его вам не нужно - агент использует его сам, когда вы просите протестировать сайт. Достаточно знать, что за магией стоит именно это.
Промпт сквозного теста
Запусти проект локально и протестируй как дотошный тестировщик:
1. Пройди главный путь пользователя: открой страницу, заполни форму заявки
тестовыми данными, отправь, убедись, что данные реально сохранились.
2. Прокликай все кнопки и ссылки - найди мёртвые.
3. Проверь страницу на ширине телефона и планшета, сделай скриншоты.
4. Проверь пустые и кривые данные в формах: что будет, если отправить
пустую форму или телефон из букв?
5. Всё найденное - почини и прогони проверку заново.
В конце - короткий отчёт: что проверил, что нашёл, что исправил, плюс скриншоты.
Агент запустит сайт, откроет браузер, пройдёт сценарии и вернётся с отчётом и скриншотами. Найденное чинит сам и перепроверяет - это его работа, не ваша.
Цикл скриншотов
Отдельный приём для вёрстки: «после каждой изменённой страницы делай скриншот, смотри на него сам и исправляй, если что-то съехало; минимум два прохода». Так агент ловит визуальные поломки - наехавшие блоки, пропавшие кнопки - до того, как их увидите вы.
Когда запускать тест
- После каждой фичи - короткий прогон её сценария, до коммита.
- Перед публикацией - полный сквозной тест по промпту выше.
- После жалобы - «вот скриншот проблемы, воспроизведи в браузере, найди причину, почини и покажи, что починилось».
Это часть цикла качества: проверка ошибок, тест в браузере, security review - и только потом коммит.
Мобильная версия - не опция
Большинство трафика приходит с телефонов, а ломается вёрстка чаще всего именно там. Строка «проверь на ширине телефона» должна быть в каждом тестовом промпте по умолчанию.
Частые вопросы
Нужно ли устанавливать Playwright самому?
Нет. Скажите агенту «протестируй сайт в браузере» - недостающее он поставит и настроит сам. Ваше дело - сценарии: что именно проверить.
Что агент делает с найденными ошибками?
Чинит и прогоняет проверку заново, по кругу, пока сценарий не пройдёт. Ваша точка контроля - финальный отчёт со скриншотами.
Можно ли так тестировать чужие сайты?
Свои - да: локальную версию, тестовую, прод. Чужие сервисы нагружать автотестами не стоит: это и невежливо, и может нарушать их правила.
Заменяет ли это проверку руками?
Не полностью. Агент закрывает рутину и регресс, но финальный взгляд владельца - открыть сайт самому и пройти путь клиента - остаётся обязательным перед запуском.
Что дальше
- Урок курса «Проверка качества после каждой фичи» - полный цикл приёмки.
- Перед публикацией - security review и деплой.
- Дизайн-проверки - в гайде про дизайн нейросетью.
Мнение редакции ENGRAM
Тестирование в вайб-кодинге перестало быть отдельной профессией: агент сам кликает, сам находит и сам чинит. Единственное, что нельзя делегировать, - решение, что именно важно проверить. Сценарий пути клиента - ваша часть, вся рутина браузера - его.
Знания и наработки команды теряются в переписке. ENGRAM собирает их в единую ИИ-память с поиском по смыслу - данные остаются в России.