Playwright MCP в Claude Code: как проверить одну пользовательскую цепочку
Playwright MCP дает агенту управляемый браузер через структурированные снимки страницы. Для первого теста не открывайте интернет-банк или рабочую админку. Проверьте локальное приложение по одной цепочке: добавить задачу, обновить страницу и убедиться, что она сохранилась.
Подготовьте локальный стенд
Запустите учебное приложение с тестовой базой или локальным хранилищем. Очистите данные и создайте отдельную учетную запись, если авторизация обязательна.
У Playwright MCP есть постоянный и изолированный профили. Для воспроизводимого первого теста выбирайте изолированный режим: после сессии cookies и local storage не сохраняются. Для параллельных клиентов также нужны отдельные профили.
Подключите сервер
Официальный пакет Microsoft запускается через @playwright/mcp. Сверьте текущую команду в репозитории и добавьте сервер штатной командой Claude Code. Для установки нужен поддерживаемый Node.js.
После подключения попросите Claude перечислить доступные MCP tools. Не давайте доступ к профилю вашего обычного браузера.
Опишите точную цепочку
Используй Playwright MCP только на http://localhost:3000. Добавь задачу «Купить молоко», убедись, что счетчик показывает 1, обнови страницу и проверь, что задача осталась. Ничего не удаляй. В финале верни шаги, фактические результаты и место ошибки, если цепочка прервется.
Ограничение домена снижает риск случайного перехода на внешний сайт. Не вставляйте пароли в промпт.
Наблюдайте за действиями
MCP обычно использует accessibility snapshots: агент видит роли и ссылки на элементы, затем кликает и вводит текст. Это устойчивее случайных координат, но приложение должно иметь понятные labels и роли.
Если агент выбирает не тот элемент, исправьте доступное имя в интерфейсе или уточните критерий. Не заставляйте его кликать по координатам поверх непонятной страницы.
Превратите проверку в тест
Разовый проход доказывает только текущую сессию. После успешной цепочки попросите Claude предложить обычный Playwright-тест в репозитории. Просмотрите код, запустите тест несколько раз и проверьте очистку состояния.
Помните, что browser profile может содержать cookies и историю. Не коммитьте storage state и не отправляйте его модели без необходимости.
Тестирование результатов агента входит в рабочие процессы в ИИ-лаборатории Глеба Кудрявцева.
Цепочка проверена, если она проходит в изолированном профиле, отчет совпадает с экраном, а затем воспроизводится обычным тестом без личных сессий.