🧪

webapp-testing

Name: webapp-testing
Author: Azeem-2

Risque faible ⚡ Contient des scripts⚙️ Commandes externes

Web-Apps mit Playwright testen

Également disponible depuis: ZhanlinCui,AutumnsGrove,DYAI2025,Cam10001110101,7Spade,7Spade,sickn33,ComposioHQ,davila7,anthropics,ArtemisAI

Das manuelle Testen von Web-Anwendungen nimmt Zeit in Anspruch und übersieht oft Probleme. Diese Skill bietet Playwright-Automatisierungstools zur Überprüfung der Frontend-Funktionalität, zum Erfassen von Screenshots und zum automatischen Debuggen des Browser-Verhaltens.

Prend en charge: Claude Codex Code(CC)

📊 69 Adéquat

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". Write a Playwright script to test a login form

Résultat attendu:

Opening browser and navigating to login page
Found 3 input fields: username (text), password (password), remember_me (checkbox)
Found 2 buttons: Sign In, Forgot Password
Filling username field with 'testuser'
Clicking Sign In button
Waiting for navigation to complete
Page loaded successfully - URL changed to /dashboard
Screenshot saved to /tmp/login_test_result.png

Utilisation de "webapp-testing". Check what elements exist on my local app

Résultat attendu:

Navigating to http://localhost:5173
Waiting for network idle state
Found 7 buttons: Dashboard, Settings, Profile, [hidden], Submit, Cancel, [hidden]
Found 12 links: Home -> /, About -> /about, Help -> /help, and 9 more
Found 5 input fields: email (email), password (password), search (text), newsletter (checkbox), theme (select)
Screenshot saved to /tmp/page_discovery.png

Audit de sécurité

Risque faible

v5 • 1/16/2026

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.

Fichiers analysés

776

Lignes analysées

résultats

Total des audits

Facteurs de risque

⚡ Contient des scripts (1)

scripts/with_server.py:1-106

⚙️ Commandes externes (2)

scripts/with_server.py:69-74 scripts/with_server.py:88

Audité par: claude Voir l’historique des audits →

Score de qualité

Architecture

100

Maintenabilité

Contenu

Communauté

Sécurité

Conformité aux spécifications

Ce que vous pouvez construire

React-, Vue- oder Svelte-Apps testen

Komponenteninteraktionen überprüfen und Regressionen in lokalen Entwicklungs-Builds erkennen

UI-Tests automatisieren

Wiederholbare Testskripte erstellen, die durch Formulare klicken und Seitenstatus validieren

Frontend-Backend-Integration debuggen

Sowohl Backend- als auch Frontend-Server starten und dann automatisierte Tests gegen den vollständigen Stack ausführen

Essayez ces prompts

Statischer HTML-Test

Write a Playwright script to open path/to/local/file.html, take a screenshot, and verify the page title contains 'Example'

Formular-Automatisierung

Create a Playwright script that navigates to localhost:3000, fills in username and password fields, clicks the login button, and captures the console output

Element-Erkundung

Write a script to discover all buttons, links, and input fields on http://localhost:5173, save a screenshot, and output the element count for each type

Multi-Server-Test

Use with_server.py to start a backend on port 3000 and frontend on port 5173, then run a Playwright test that makes API calls and verifies the UI responds correctly

Bonnes pratiques

Immer auf den Zustand 'network idle' warten, bevor dynamische Web-Apps inspiziert werden
Beschreibende Selektoren wie text= oder role= anstelle von fragilen CSS-Pfaden verwenden
Browser ordnungsgemäß mit browser.close() schließen, um Ressourcenlecks zu vermeiden

Éviter

DOM nicht inspizieren, bevor bei Single-Page-Anwendungen auf networkidle gewartet wurde
Fest eingebaute sleep-Verzögerungen vermeiden; stattdessen explizite Waits verwenden
nth-child-Selektoren nicht verwenden, die brechen, wenn Elemente hinzugefügt oder entfernt werden

Foire aux questions

Welche Browser werden unterstützt?

Playwright unterstützt Chromium, Firefox und WebKit. Die Skripte verwenden standardmäßig headless Chromium für schnellste Ausführung.

Kann ich Remote-Websites testen?

Ja, ändern Sie localhost-URLs zu beliebigen Website-URLs. Beachten Sie, dass einige Websites Headless-Browser-Automatisierung blockieren könnten.

Wie gehe ich mit Authentifizierung in Tests um?

Verwenden Sie page.fill() zum Eingeben von Anmeldeinformationen oder setzen Sie Browser-Storage-Cookies mit page.context.storage_state(), um Sitzungen wiederzuverwenden.

Sind meine Testdaten sicher?

Alle Tests werden lokal ausgeführt. Es werden keine Daten an externe Server gesendet. Screenshots und Protokolle werden in lokalen Verzeichnissen gespeichert, die Sie angeben.

Warum schlagen meine Tests bei dynamischen Apps fehl?

Die meisten Fehler treten auf, weil Skripte DOM inspizieren, bevor JavaScript abgeschlossen ist. Verwenden Sie immer zuerst page.wait_for_load_state('networkidle').

Wie unterscheidet sich dies von Selenium?

Playwright ist schneller, zuverlässiger, hat bessere Async-Unterstützung und wartet automatisch auf Elemente. Es erfordert keine externen Treiber.