webapp-testing
Testar aplicativos web com Playwright
こちらからも入手できます: 7Spade,ZhanlinCui,7Spade,AutumnsGrove,DYAI2025,sickn33,Cam10001110101,davila7,anthropics,ComposioHQ,ArtemisAI
Testar aplicativos web manualmente leva tempo e frequentemente escapa problemas. Esta habilidade fornece ferramentas de automação do Playwright para verificar funcionalidade frontend, capturar capturas de tela e depurar comportamento do navegador automaticamente.
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「webapp-testing」を使用しています。 Escreva um script Playwright para testar um formulário de login
期待される結果:
- Abrindo navegador e navegando para página de login
- Encontrados 3 campos de entrada: username (texto), password (senha), remember_me (checkbox)
- Encontrados 2 botões: Sign In, Forgot Password
- Preenchendo campo de nome de usuário com 'testuser'
- Clicando no botão Sign In
- Aguardando navegação completar
- Página carregada com sucesso - URL mudou para /dashboard
- Captura de tela salva em /tmp/login_test_result.png
「webapp-testing」を使用しています。 Verifique quais elementos existem no meu aplicativo local
期待される結果:
- Navegando para http://localhost:5173
- Aguardando estado de rede ociosa
- Encontrados 7 botões: Dashboard, Settings, Profile, [oculto], Submit, Cancel, [oculto]
- Encontrados 12 links: Home -> /, About -> /about, Help -> /help, e mais 9
- Encontrados 5 campos de entrada: email (email), password (senha), search (texto), newsletter (checkbox), theme (select)
- Captura de tela salva em /tmp/page_discovery.png
セキュリティ監査
低リスクThis is a legitimate Playwright-based web testing toolkit. All 67 static findings are false positives: hardcoded URLs point to localhost for testing or standard Apache license URLs, subprocess commands require user-provided input and align with server management purpose, and the 'weak cryptographic algorithm' detections are false matches on Apache license text containing the word 'license'. No credential theft, data exfiltration, or malicious behavior detected.
リスク要因
⚡ スクリプトを含む (1)
⚙️ 外部コマンド (2)
品質スコア
作れるもの
Testar apps React, Vue ou Svelte
Verificar interações de componentes e detectar regressões em builds de desenvolvimento local
Automatizar scripts de teste de UI
Criar scripts de teste repetíveis que clicam em formulários e validam estados de página
Depurar integração frontend-backend
Iniciar servidores backend e frontend, depois executar testes automatizados no stack completo
これらのプロンプトを試す
Escreva um script Playwright para abrir path/to/local/file.html, tirar uma captura de tela e verificar se o título da página contém 'Example'
Crie um script Playwright que navega para localhost:3000, preenche campos de nome de usuário e senha, clica no botão de login e captura a saída do console
Escreva um script para descobrir todos os botões, links e campos de entrada em http://localhost:5173, salvar uma captura de tela e exibir a contagem de elementos de cada tipo
Use with_server.py para iniciar um backend na porta 3000 e frontend na porta 5173, depois execute um teste Playwright que faz chamadas de API e verifica se a UI responde corretamente
ベストプラクティス
- Sempre aguarde o estado de rede ociosa antes de inspecionar aplicativos web dinâmicos
- Use seletores descritivos como text= ou role= em vez de caminhos CSS frágeis
- Feche o navegador corretamente com browser.close() para evitar vazamentos de recursos
回避
- Não inspecione o DOM antes de aguardar networkidle em aplicações de página única
- Evite delays de sleep hardcoded; use esperas explícitas em vez disso
- Não use seletores nth-child que quebram quando elementos são adicionados ou removidos