Коротко: Playwright MCP даёт AI-клиенту инструменты браузерной автоматизации и структурированные снимки доступности. Это удобно для проверки маршрута пользователя: открыть страницу, нажать CTA, заполнить форму и увидеть результат.

Когда это действительно нужно

Сайт может собираться без ошибок, но на мобильном CTA перекрыт, кнопка ведёт не туда или форма не показывает подтверждение. Проверка одного скриншота не ловит такие сбои.

Пошаговый маршрут

01 / ПУТЬ

Опишите сценарий пользователя

Например: открыть услугу с телефона → понять оффер → перейти к форме → ввести тестовые данные → увидеть подтверждение. Укажите, что отправка тестовой заявки допустима только в тестовой среде.

02 / ПРОВЕРКА

Пусть агент пройдёт путь

Запустите браузер через официальную настройку Playwright MCP. Проверьте клики, видимость полей, валидацию, отсутствие горизонтального скролла и ошибки консоли.

03 / РЕЗУЛЬТАТ

Зафиксируйте воспроизведение

Для каждого сбоя сохраните URL, размер экрана, шаги, ожидаемый и фактический результат. Исправьте причину, затем повторите тот же маршрут.

Пример для практики

ТЕСТОВЫЙ СЦЕНАРИЙ

«Открой страницу услуги при ширине 390 px. Найди основную кнопку, перейди к форме, проверь обязательные поля. Не отправляй реальные персональные данные. Сообщи об ошибках консоли и видимых перекрытиях».

Что проверить перед запуском

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

Официальный источник

Проверить актуальные возможности: Документация Playwright MCP ↗. Интерфейсы и права доступа могут меняться.

Skill для SEO-аудита ↗MCP Tilda ↗