webapp-testing
Teste aplicativos web com automação Playwright
Également disponible depuis: ZhanlinCui,AutumnsGrove,Azeem-2,DYAI2025,Cam10001110101,7Spade,sickn33,ComposioHQ,davila7,anthropics,ArtemisAI
Testes manuais no navegador são lentos e propensos a erros. Esta skill fornece prompts prontos para testes automatizados da web, incluindo validação de formulários, captura de screenshots e inspeção de logs do console usando Playwright.
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". Test the login form on my local React app at localhost:3000
Résultat attendu:
- Navigated to http://localhost:3000
- Filled username and password fields
- Submitted form successfully
- URL changed to /dashboard
- Page loaded without console errors
- Test passed: Login flow works correctly
Audit de sécurité
SûrPure documentation skill containing only usage guidance for Playwright browser automation. No executable code, no network calls, no file system access, and no external command execution. The skill provides prompts and examples that users execute in their own environment.
Score de qualité
Ce que vous pouvez construire
Verificar interações de UI
Automatize cliques em botões, envios de formulários e fluxos de navegação para detectar bugs de regressão mais cedo.
Criar scripts de teste
Gere scripts de teste do Playwright para testes de regressão sem escrever código do zero.
Capturar screenshots de UI
Automatize a captura de screenshots para documentação e relatórios de bugs com estilo consistente.
Essayez ces prompts
Use Playwright to navigate to http://localhost:3000 and verify the page title contains 'Home'. Take a screenshot if the title does not match.
Write a Playwright script that fills the login form with username 'testuser' and password 'testpass', submits it, and verifies the URL changes to the dashboard.
Navigate to the app, capture all browser console logs, and report any errors found. Take a screenshot of any console errors.
Test the page at viewport sizes 375x667 (mobile) and 1920x1080 (desktop). Verify the navigation menu is visible and report any layout issues.
Bonnes pratiques
- Sempre verifique se o servidor local está em execução antes de executar os testes
- Use esperas explícitas para elementos antes de interagir com eles
- Tire screenshots em caso de falha para ajudar a diagnosticar problemas
- Libere recursos do navegador após a conclusão dos testes
Éviter
- Evite usar seletores de classe CSS que podem mudar; use data-testid ou atributos role em vez disso
- Não pule a espera por network idle em páginas com conteúdo dinâmico
- Evite timeouts codificados; use estratégias de espera inteligentes em vez disso