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 Browsertesten ist langsam und fehleranfällig. Diese Skill bietet sofort einsetzbare Prompts für automatisiertes Web-Testing, einschließlich Formularvalidierung, Screenshot-Erfassung und Konsolenprotokollinspektion 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
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
UI-Interaktionen überprüfen
Automatisieren Sie Button-Klicks, Formularübermittlungen und Navigationsflows, um Regressionsfehler frühzeitig zu erkennen.
Testskripte erstellen
Generieren Sie Playwright-Testskripte für Regressionstests, ohne Code von Grund auf zu schreiben.
UI-Screenshots aufnehmen
Automatisieren Sie die Screenshot-Aufnahme für Dokumentation und Fehlerberichte mit konsistenter Gestaltung.
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
- Stellen Sie immer sicher, 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 zu erleichtern
- Bereinigen Sie Browser-Ressourcen nach Abschluss der Tests
Éviter
- Vermeiden Sie CSS-Klassenselektoren, die sich ändern könnten; verwenden Sie stattdessen data-testid- oder role-Attribute
- Überspringen Sie nicht das Warten auf Network Idle auf Seiten mit dynamischem Inhalt
- Vermeiden Sie festcodierte Timeouts; verwenden Sie stattdessen intelligente Warte-Strategien