webapp-testing
Testar Aplicações Web com Playwright
También disponible en: 7Spade,ZhanlinCui,7Spade,AutumnsGrove,DYAI2025,Azeem-2,sickn33,Cam10001110101,anthropics,ComposioHQ,ArtemisAI
Testar aplicações web locais requer configurar servidores, navegar páginas e verificar o comportamento do frontend. Este conjunto de ferramentas fornece scripts de automação Playwright e gerenciamento de ciclo de vida do servidor para testes eficientes.
Descargar el ZIP de la skill
Subir en Claude
Ve a Configuración → Capacidades → Skills → Subir skill
Activa y empieza a usar
Pruébalo
Usando "webapp-testing". Navegar para minha aplicação React local na porta 5173, encontrar todos os botões e tirar um screenshot
Resultado esperado:
- Encontrados 5 botões: Submit, Cancel, Save Changes, Delete Account, Help
- Encontrados 3 campos de entrada: username (text), email (email), password (password)
- Screenshot salvo em /tmp/page_discovery.png
- Teste concluído com sucesso
Usando "webapp-testing". Iniciar meu servidor de desenvolvimento Node.js e executar um script de automação para testar o fluxo de login
Resultado esperado:
- Iniciando servidor na porta 3000...
- Aguardando servidor ficar pronto...
- Servidor pronto na porta 3000
- Executando script de automação...
- Teste de login aprovado: Formulário enviado, redirecionamento para dashboard bem-sucedido
- Erros no console: 0
Auditoría de seguridad
Riesgo bajoLegitimate webapp testing toolkit. All static findings are false positives: subprocess usage is for local server management, hardcoded URLs are localhost for testing, temp directory access is for screenshots/logs, and 'weak crypto' flags are from Apache license text and base64 encoding. No data exfiltration or malicious behavior detected.
Factores de riesgo
⚡ Contiene scripts (1)
🌐 Acceso a red (1)
📁 Acceso al sistema de archivos (2)
⚙️ Comandos externos (1)
Puntuación de calidad
Lo que puedes crear
Verificar Comportamento da Interface
Automatizar cliques, preenchimento de formulários e verificação do estado da página para aplicações web.
Testes End-to-End
Criar scripts de teste automatizados que verificam funcionalidade do frontend sem testes manuais no navegador.
Capturar Conteúdo Dinâmico
Extrair dados de páginas renderizadas dinamicamente aguardando a execução do JavaScript.
Prueba estos prompts
Use a skill webapp-testing para iniciar o Chromium em modo headless, navegar para http://localhost:5173, aguardar a rede ficar ociosa, tirar um screenshot e verificar o título da página.
Use a skill webapp-testing para descobrir todos os botões, links e campos de entrada na página local em http://localhost:5173. Imprima a contagem e descrições de cada elemento.
Use a skill webapp-testing para preencher um formulário com dados de teste, enviá-lo, aguardar a resposta e capturar quaisquer mensagens de erro do console.
Use with_server.py para iniciar um servidor backend na porta 3000 e frontend na porta 5173. Em seguida, execute um script Playwright que testa a conexão entre ambos os serviços.
Mejores prácticas
- Sempre use modo headless para testes automatizados para evitar sobrecarga da interface gráfica do navegador.
- Aguarde o estado de rede ociosa antes de inspecionar aplicações web dinâmicas.
- Use o script auxiliar with_server.py para gerenciar o ciclo de vida do servidor automaticamente.
Evitar
- Inspecionar DOM antes de aguardar a rede ficar ociosa em aplicações dinâmicas.
- Pular o fechamento do navegador após conclusão do teste.
- Usar seletores instáveis sem estratégias adequadas de espera.
Preguntas frecuentes
Esta skill funciona com navegadores além do Chromium?
Posso testar páginas protegidas por senha?
Preciso instalar o Playwright separadamente?
Como lido com aplicações de página única?
Meus dados estão seguros ao executar esses scripts?
Posso testar sites HTTPS ou localhost com certificados personalizados?
Detalles del desarrollador
Estructura de archivos