webapp-testing
Testen von Web-Apps mit Playwright-Automatisierung
Également disponible depuis: ZhanlinCui,AutumnsGrove,Azeem-2,DYAI2025,Cam10001110101,7Spade,sickn33,ComposioHQ,davila7,anthropics,ArtemisAI
Manuelles Browser-Testen ist langwierig und fehleranfällig. Diese Skill bietet sofort einsetzbare Prompts für automatisiertes Web-Testing, einschließlich Formularvalidierung, Screenshot-Erfassung und Konsolen-Log-Inspektion mit 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
Utilisation de "webapp-testing". Check for JavaScript errors on my app and take a screenshot if there are issues
Résultat attendu:
- Opened browser console listener
- Navigated to application
- Captured 3 console messages
- No errors detected
- Page rendered successfully
Utilisation de "webapp-testing". Verify my app works on mobile viewport
Résultat attendu:
- Set viewport to 375x667 (iPhone SE)
- Navigation menu visible
- Content scrolled correctly
- No layout breakage detected
- Passed mobile compatibility check
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. All static findings are false positives - patterns detected in documentation examples or metadata fields.
Facteurs de risque
🌐 Accès réseau (4)
📁 Accès au système de fichiers (1)
Score de qualité
Ce que vous pouvez construire
UI-Interaktionen verifizieren
Automatisieren Sie Button-Klicks, Formularübermittlungen und Navigationsflüsse, um Regressionsfehler frühzeitig zu erkennen.
Testskripte erstellen
Generieren Sie Playwright-Testskripte für Regressionstests, ohne von Grund auf Code schreiben zu müssen.
UI-Screenshots aufnehmen
Automatisieren Sie die Screenshot-Erfassung für Dokumentation und Bug-Reports mit konsistentem Styling.
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
- Verifizieren Sie immer, dass der lokale Server ausgeführt wird, bevor Sie Tests ausführen
- Verwenden Sie explizite Wartezeiten für Elemente, bevor Sie mit ihnen interagieren
- Machen Sie Screenshots bei Fehlern, um die Diagnose von Problemen zu erleichtern
Éviter
- Vermeiden Sie CSS-Klassen-Selektoren, die sich ändern können; verwenden Sie stattdessen data-testid- oder Role-Attribute
- Überspringen Sie nicht das Warten auf Network Idle bei Seiten mit dynamischem Inhalt
- Vermeiden Sie harte Timeouts; verwenden Sie stattdessen intelligente Warte-Strategien