AIKraft/AI/Войти
AIKraft/Skills/Тестирование веб-приложений

Тестирование веб-приложений

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

ANAnthropic official Дизайн

Что делает навык

Набор инструментов для тестирования локальных веб-приложений с помощью Playwright, включающий управление жизненным циклом серверов и автоматизацию UI. Позволяет проверять функциональность фронтенда, отлаживать поведение интерфейса, делать скриншоты и просматривать логи браузера.

Когда применять

  • Тестирование статичных HTML-файлов с прямым чтением селекторов
  • Автоматизация динамических веб-приложений с запуском серверов через with_server.py
  • Отладка UI путем анализа DOM и снятия скриншотов после загрузки
  • Запуск нескольких серверов (например, бэкенд и фронтенд) одновременно
  • Получение логов консоли браузера во время выполнения сценариев

Как работает

  1. Проверить наличие готовых скриптов в scripts/ с помощью --help, не читая их исходный код
  2. Для динамических приложений запустить серверы через python scripts/with_server.py с нужными командами и портами
  3. Написать скрипт на Python с использованием sync_playwright() и запуска headless Chromium
  4. В скрипте перейти на страницу и обязательно вызвать page.wait_for_load_state('networkidle')
  5. Выполнить рекогносцировку: сделать скриншот, получить content() или найти элементы через locator()
  6. Использовать обнаруженные селекторы для выполнения действий и закрыть браузер

Примеры запросов агенту

Протестируй форму входа на localhost:5173, сделай скриншот ошибки при неверном пароле
Запусти dev-сервер фронтенда и напиши скрипт для проверки загрузки главной страницы
Найди все кнопки на странице и нажми на первую, дождавшись networkidle

Что понадобится

  • Python и библиотека playwright
  • Локальное веб-приложение (статичное или с сервером)
  • Скрипты из директории scripts/ (в частности with_server.py)

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «webapp-testing» из репозитория: # https://github.com/anthropics/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r webapp-testing/ ~/.claude/skills/webapp-testing/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.