技能 webapp-testing

🧪

webapp-testing

Name: webapp-testing
Author: DYAI2025

低風險 ⚡ 包含腳本⚙️ 外部命令📁 檔案系統存取

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

也可從以下取得: ArtemisAI,davila7,7Spade,Azeem-2,7Spade,ComposioHQ,anthropics,Cam10001110101,AutumnsGrove

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

支援: Claude Codex Code(CC)

📊 69 充足

下載技能 ZIP

在 Claude 中上傳

前往設定 → 功能 → 技能 → 上傳技能

開啟並開始使用

測試它

正在使用「webapp-testing」。 Протестируй страницу входа моего локального React приложения на порту 5173

預期結果:

Запуск Chromium и переход на http://localhost:5173
Ожидание networkidle - страница полностью загружена
Найдено 3 поля ввода: username, password, remember
Найдено 2 кнопки: Sign In, Forgot Password
Заполнены поля username и password
Нажата кнопка Sign In
Перенаправление на страницу /dashboard
Консольные логи захвачены: 12 сообщений (3 предупреждения, 0 ошибок)
Скриншот сохранен в /tmp/after_login.png

安全審計

低風險

v5 • 1/17/2026

Legitimate web testing toolkit using Playwright. All static findings are false positives. URLs flagged are localhost test addresses, subprocess calls are for local dev server management, and 'weak crypto' detections are scanner errors on license text and argparse definitions. No network exfiltration, credential access, or persistence mechanisms.

已掃描檔案

777

分析行數

發現項

審計總數

風險因素

⚡ 包含腳本 (1)

scripts/with_server.py:1-106

⚙️ 外部命令 (1)

scripts/with_server.py:69-88

📁 檔案系統存取 (1)

examples/element_discovery.py:37-38

審計者: claude 查看審計歷史 →

品質評分

架構

100

可維護性

內容

社群

安全

規範符合性

你能建構什麼

Автоматизация регрессионного тестирования UI

Создание скриптов Playwright для проверки корректности отображения компонентов UI и ожидаемого поведения при взаимодействии.

Создание снимков экрана для воспроизведения ошибок

Переход к состояниям приложения и создание снимков экрана и консольных логов для документирования проблем.

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

Совместное управление серверами бэкенда и фронтенда для запуска сквозных тестов полных приложений.

試試這些提示

Базовый скриншот страницы

Напишите скрипт Playwright для перехода на http://localhost:5173, ожидания networkidle и сохранения полностраничного скриншота в /tmp/page.png

Обнаружение элементов

Напишите скрипт, который обнаруживает все кнопки, ссылки и поля ввода на http://localhost:3000 и выводит их текстовое содержимое и атрибуты

Сервер плюс тест

Используйте scripts/with_server.py для запуска dev-сервера на порту 5173, затем запустите скрипт Playwright, который нажимает кнопку отправки и захватывает вывод консоли

Мультисерверное тестирование

Напишите команду с with_server.py, которая запускает Python бэкенд на порту 3000 и npm фронтенд на порту 5173, затем выполняет скрипт автоматизации

最佳實務

Всегда ожидайте networkidle перед проверкой динамических веб-приложений
Используйте вспомогательный скрипт with_server.py для автоматического управления жизненным циклом сервера
Сначала запустите скрипты с --help, чтобы понять доступные опции перед изменением

避免

Не проверяйте DOM до networkidle на SPA - содержимое может быть еще не отрисовано
Не прописывайте учетные данные в скриптах - используйте переменные окружения
Не забывайте закрывать браузер по завершении - возможна утечка ресурсов

常見問題

Какие браузеры поддерживаются?

Этот навык использует исключительно Chromium для headless-тестирования. Другие браузеры требуют изменений в конфигурации.

Могу ли я тестировать аутентифицированные страницы?

Да, но вы должны обработать вход в системе в вашем скрипте или использовать существующие аутентифицированные сессии браузера.

Как тестировать страницы за аутентификацией?

Включите шаги входа в ваш скрипт Playwright или используйте storageState для загрузки сохраненных куки сессии.

Безопасно ли выполнение этих скриптов для моих данных?

Да, все скрипты выполняются локально. Данные не отправляются на внешние серверы. Скриншоты сохраняются только по локальным путям.

Почему страница пустая при проверке?

Вероятно, вы не дождались networkidle. Добавьте page.wait_for_load_state('networkidle') перед проверкой.

Чем это отличается от Selenium или Cypress?

Playwright предлагает более быстрое выполнение, лучшую обработку асинхронных операций и встроенное автоматическое ожидание по сравнению со старыми инструментами.