webapp-testing
Tester des applications web avec l'automatisation Playwright
También disponible en: AutumnsGrove,7Spade,ComposioHQ,davila7,DYAI2025,Azeem-2,ArtemisAI,anthropics,Cam10001110101
Le test manuel de navigateur est lent et sujet aux erreurs. Cette compétence fournit des invites prêtes à l'emploi pour les tests automatisés de sites web, incluant la validation de formulaires, la capture d'écrans et l'inspection des journaux de console avec Playwright.
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". Test the login form on my local React app at localhost:3000
Resultado esperado:
- 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
Auditoría de seguridad
SeguroPure 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.
Puntuación de calidad
Lo que puedes crear
Vérifier les interactions UI
Automatiser les clics sur les boutons, les soumissions de formulaires et les flux de navigation pour détecter précocement les régressions.
Créer des scripts de test
Générer des scripts de test Playwright pour les tests de régression sans écrire de code à partir de zéro.
Capturer des écrans UI
Automatiser la capture d'écrans pour la documentation et les rapports de bogues avec un style cohérent.
Prueba estos 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.
Mejores prácticas
- Toujours vérifier que le serveur local est en cours d'exécution avant d'exécuter les tests
- Utiliser des attentes explicites pour les éléments avant d'interagir avec eux
- Capturer des écrans en cas d'échec pour faciliter le diagnostic des problèmes
- Nettoyer les ressources du navigateur après l'exécution des tests
Evitar
- Éviter d'utiliser des sélecteurs de classes CSS qui peuvent changer ; utiliser plutôt des attributs data-testid ou role
- Ne pas sauter l'attente de l'état réseau sur les pages avec du contenu dynamique
- Éviter les délais codés en dur ; utiliser plutôt des stratégies d'attente intelligentes