webapp-testing
Testar aplicações web locais com Playwright
Également disponible depuis: ZhanlinCui,AutumnsGrove,Azeem-2,DYAI2025,Cam10001110101,7Spade,7Spade,sickn33,ComposioHQ,davila7,ArtemisAI
Testar aplicações web locais requer automação de navegador, captura de screenshots e verificação de UI. Este toolkit fornece scripts Playwright para testes de frontend, inspeção de DOM e registro de console.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "webapp-testing". Tirar um screenshot do app e listar todos os botões
Résultat attendu:
- Screenshot salvo em /tmp/inspect.png
- Encontrados 5 botões:
- [0] Submit
- [1] Cancel
- [2] Settings
- [3] Help
- [4] [hidden]
Utilisation de "webapp-testing". Debugar por que o envio de formulário não está funcionando
Résultat attendu:
- Registros de console capturados:
- [error] Cannot read property 'submit' of undefined
- [error] Form validation failed: email required
- [warning] Deprecation: Use .closest() instead of .parents()
- Screenshot salvo: /mnt/user-data/outputs/form_debug.png
Audit de sécurité
SûrOfficial Anthropic skill with minimal attack surface. Uses subprocess and socket APIs only for local server management. All file operations restricted to /tmp and /mnt/user-data/outputs. No external network calls.
Facteurs de risque
⚡ Contient des scripts (1)
🌐 Accès réseau (1)
📁 Accès au système de fichiers (2)
⚙️ Commandes externes (1)
Score de qualité
Ce que vous pouvez construire
Verificar funcionalidade de UI
Testar que botões, formulários e navegação funcionam corretamente no seu ambiente de desenvolvimento local.
Regressão automatizada de UI
Criar scripts Playwright repetíveis para verificar comportamento de frontend através de mudanças de código.
Capturar erros de console
Executar automação de navegador para capturar registros de console e identificar erros JavaScript em aplicações locais.
Essayez ces prompts
Tirar um screenshot do app rodando em localhost:5173 e salvar em /tmp/inspect.png.
Encontrar todos os botões, links e campos de entrada na página em localhost:3000 e listá-los com seu texto ou rótulo.
Navegar até o app, capturar todas as mensagens de console e salvá-las em um arquivo de log para debug.
Iniciar o servidor backend na porta 3000 e frontend na porta 5173, então executar element_discovery.py para verificar se o stack completo está funcionando.
Bonnes pratiques
- Usar o script bundled with_server.py para gerenciar o ciclo de vida do servidor automaticamente
- Sempre esperar pelo estado networkidle antes de inspecionar aplicações web dinâmicas
- Fechar instâncias de navegador corretamente após a conclusão da automação
Éviter
- Não inspecionar DOM antes de esperar networkidle em aplicações dinâmicas
- Não deixar processos de navegador rodando após a conclusão do script
- Não skipar o uso de sync_playwright para tarefas simples de automação
Foire aux questions
Quais navegadores são suportados?
Qual é a duração máxima do teste?
Posso testar URLs de produção remotas?
Meus dados de teste são armazenados com segurança?
Por que minha inspeção de DOM está falhando?
Como isso se compara ao Selenium?
Détails du développeur
Structure de fichiers