技能 webapp-testing

🧪

webapp-testing

Name: webapp-testing
Author: ComposioHQ

低風險 ⚡ 包含腳本📁 檔案系統存取🌐 網路存取

Teste aplicativos web locais com automação Playwright

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

Testar aplicativos web locais exige configurar servidores, navegar por páginas e verificar o comportamento. Este kit fornece scripts de automação Playwright para testes de navegador, captura de screenshots e gerenciamento do ciclo de vida do servidor para que você possa se concentrar em escrever testes.

支援: Claude Codex Code(CC)

⚠️ 68 差

下載技能 ZIP

在 Claude 中上傳

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

開啟並開始使用

測試它

正在使用「webapp-testing」。 Test the homepage of my local React app

預期結果:

Navegador Chromium iniciado em modo headless
Navegou para http://localhost:5173
Aguardou a rede ficar ociosa
Encontrou 5 botões, 12 links e 3 campos de entrada
Screenshot salvo em /tmp/homepage.png
Navegador fechado com sucesso

正在使用「webapp-testing」。 Check for console errors on my local app

預期結果:

Página carregada com sucesso
Console capturou 8 mensagens: 1 erro, 2 avisos, 5 info
Erro encontrado: Failed to load resource /api/data (404)
Logs salvos em /tmp/console.log

安全審計

低風險

v4 • 1/16/2026

Legitimate Playwright-based testing toolkit. All network connections are to localhost only. Filesystem writes target user-controlled directories (/tmp, /mnt/user-data/outputs). Subprocess usage in with_server.py is appropriate for local dev server management. Static findings are false positives triggered by documentation code examples, license text, and JSON field names.

已掃描檔案

844

分析行數

發現項

審計總數

低風險問題 (1)

scripts/with_server.py:68-74

Shell execution for local dev servers

with_server.py uses subprocess with shell=True to run user-provided server commands. This is necessary for the tool's purpose but allows arbitrary command execution. However, this is a local testing tool where the user provides their own commands.

風險因素

⚡ 包含腳本 (4)

scripts/with_server.py:1-106 examples/static_html_automation.py:1-33 examples/element_discovery.py:1-40 examples/console_logging.py:1-35

📁 檔案系統存取 (2)

examples/static_html_automation.py:17 examples/console_logging.py:31-32

🌐 網路存取 (2)

scripts/with_server.py:23-32 examples/element_discovery.py:10

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

品質評分

架構

100

可維護性

內容

社群

安全

規範符合性

你能建構什麼

Testar apps React, Vue ou Svelte

Automatize fluxos de usuário no seu app de framework frontend e capture screenshots em cada etapa para testes de regressão visual.

Verificar a funcionalidade da UI

Crie testes automatizados que cliquem por páginas, preencham formulários e verifiquem erros ou avisos esperados no console.

Testar aplicativos multi-serviço

Inicie servidores backend e frontend juntos, aguarde até que ambos estejam prontos e então execute testes de integração.

試試這些提示

Screenshot básico

Take a screenshot of http://localhost:5173 and save it to /tmp/homepage.png

Teste de formulário

Fill out the contact form at http://localhost:3000/contact with test data and submit it

Verificação de erro no console

Navigate to http://localhost:5173, capture all console messages, and save them to /tmp/logs.txt

Teste multi-servidor

Start a backend server on port 3000 and frontend on port 5173, then test the login flow

最佳實務

Sempre execute scripts com --help primeiro para entender as opções disponíveis
Use sync_playwright() para scripts de automação síncronos mais simples
Aguarde networkidle antes de inspecionar o DOM em aplicativos dinâmicos

避免

Não inspecione o DOM antes de a página estar totalmente carregada
Não esqueça de fechar o navegador após a automação concluir
Não use URLs de produção - esta ferramenta é apenas para testes locais

常見問題

Quais navegadores esta skill suporta?

O Playwright suporta Chromium, Firefox e WebKit. Os exemplos usam Chromium em modo headless.

Posso testar sites de produção?

Não, esta skill foi projetada para servidores de desenvolvimento local. Use apenas URLs localhost.

Como faço para executar vários servidores juntos?

Passe vários pares --server e --port para with_server.py. O script aguarda todos os servidores antes de executar seu teste.

Meus dados estão seguros ao usar esta skill?

Sim. Toda a automação é executada localmente na sua máquina. Nenhum dado é enviado para servidores externos.

Por que vejo avisos de janela de contexto cheia?

Os scripts auxiliares são grandes. Execute-os diretamente com --help em vez de ler o código-fonte.

Qual a diferença em relação ao Selenium?

O Playwright é mais moderno, mais rápido e tem melhor suporte para aplicativos web modernos. Ele lida melhor com apps de página única e conteúdo dinâmico.