Локализованное руководство по чтению
webapp-testingНазначение, использование и источник
Набор инструментов для взаимодействия с локальными веб-приложениями и их тестирования с помощью Playwright. Поддерживает проверку функциональности интерфейса, отладку поведения пользовательского интерфейса, создание снимков экрана браузера и просмотр журналов браузера.
Источник получен:
- Репозиторий-источник
- anthropics/skills
- SKILL.md
skills/webapp-testing/SKILL.md- Звёзды репозитория
- 185,373
- Последнее обновление репозитория
- 2026-10-29
- Категории Skills
- Разработка
- Время последнего сбора
Лицензия: Файл лицензии требует проверки
Приведенные фрагменты описания рабочих процессов являются вспомогательными средствами для чтения, а не исполняемыми инструкциями от Codez. Для создания этой страницы не использовались сторонние инструменты.
Приведённые ниже фрагменты, описывающие цели и рабочие процессы, представляют собой исходный материал, систематизированный и переведённый для удобства чтения. Они отличаются от отдельно обозначенного редакционного анализа Codez.
Что делает этот навык
Набор инструментов для взаимодействия с локальными веб-приложениями и их тестирования с помощью Playwright. Поддерживает проверку функциональности интерфейса, отладку поведения пользовательского интерфейса, создание снимков экрана браузера и просмотр журналов браузера.
Как работает рабочий процесс на вышестоящем уровне
Тестирование веб-приложений
Для тестирования локальных веб-приложений пишите нативные скрипты Playwright на Python. Доступны вспомогательные скрипты:
проход вверх по течению · L7 ↗Пример: Использованиеwith_server.py
Для запуска сервера выполните команду:--helpСначала воспользуйтесь вспомогательной функцией: Несколько серверов (например, бэкенд + фронтенд):
Схема «Разведка-Затем-Действие»
Проверьте отрендеренный DOM: определите селекторы на основе результатов проверки.
проход вверх по течению · L65 ↗User task → Is it static HTML?
├─ Yes → Read HTML file directly to identify selectors
│ ├─ Success → Write Playwright script using selectors
│ └─ Fails/Incomplete → Treat as dynamic (below)
│
└─ No (dynamic webapp) → Is the server already running?
├─ No → Run: python scripts/with_server.py --help
│ Then use the helper + write simplified Playwright script
│
└─ Yes → Reconnaissance-then-action:
1. Navigate and wait for networkidle
2. Take screenshot or inspect DOM
3. Identify selectors from rendered state
4. Execute actions with discovered selectorsТребования и настройка
Из этого файла не был выбран фрагмент с краткими требованиями. Это не означает, что у навыка нет зависимостей. Проверьте инструкции по настройке репозитория и указанные файлы.
Ограничения и проверки качества
Распространенная ошибка
❌ Не проверяйте DOM, пока не дождетесь завершения процесса.networkidleв динамических приложениях ✅ Подождитеpage.wait_for_load_state('networkidle')перед осмотром
Начните с безопасного пробного периода.
- Проверьте поддерживаемый хост и инструкции по установке репозитория. Храните каталог Skill, а также связанные с ним скрипты, ресурсы и документацию вместе;SKILL.mdВ одиночку можно опустить зависимости.
- Предоставьте агенту ваши реальные входные данные, желаемый результат и критерии приемки. Синтаксис вызова и доступные инструменты зависят от хоста; данный сайт не предполагает универсальной команды установки.
- Попробуйте запустить исходный рабочий процесс в тестовом проекте или в его копии. Перед тем как разрешить операции, изменяющие файлы, удаленные сервисы или оплачиваемые ресурсы, проверьте их.
- Проверьте выходные данные на соответствие исходным проверкам качества и вашим собственным требованиям. Успешный запуск или большое количество звезд в репозитории не гарантируют корректного результата.
Подробнее читайте в источнике.
Смежные навыки
Перевод и сфера применения
В этом руководстве по чтению представлены избранные отрывки из закрепленного текста выше по течению.SKILL.mdПеревод выполнен с помощью переводчика. Это не полное руководство и не гарантия проверенной совместимости. Перед использованием ознакомьтесь с оригиналом и указанными в нем файлами.
Данное введение относится к закрепленной ниже версии; текущая активность в репозитории и время сбора данных отображаются отдельно.
- Закрепленный источник
- Прочитайте оригинал ↗
- Источник получен
- Исходный коммит
ca45fc496a3436251f191354091d557da31c15b5- Исходный SHA-256
51b7349e77ec63b7744a6f63647e7566a0b4d2e301121cc10e8c2113af6556a2