🧪

webapp-testing

Name: webapp-testing
Author: davila7

Risque faible ⚡ Contient des scripts🌐 Accès réseau📁 Accès au système de fichiers⚙️ Commandes externes

Web-Apps mit Playwright testen

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

Das Testen lokaler Webanwendungen erfordert das Einrichten von Servern, das Navigieren auf Seiten und das Überprüfen des Frontend-Verhaltens. Dieses Toolkit bietet Playwright-Automatisierungsskripte und Server-Lebenszyklusverwaltung für effizientes Testen.

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". Navigiere zu meiner lokalen React-App auf Port 5173, finde alle Buttons und erstelle einen Screenshot

Résultat attendu:

5 Buttons gefunden: Submit, Cancel, Save Changes, Delete Account, Help
3 Eingabefelder gefunden: username (text), email (email), password (password)
Screenshot gespeichert unter /tmp/page_discovery.png
Test erfolgreich abgeschlossen

Utilisation de "webapp-testing". Starte meinen Node.js-Entwicklungsserver und führe ein Automatisierungsskript aus, um den Login-Flow zu testen

Résultat attendu:

Server wird auf Port 3000 gestartet...
Warte darauf, dass der Server bereit ist...
Server bereit auf Port 3000
Automatisierungsskript wird ausgeführt...
Login-Test bestanden: Formular übermittelt, Weiterleitung zum Dashboard erfolgreich
Konsolenfehler: 0

Audit de sécurité

Risque faible

v5 • 1/17/2026

Legitimate webapp testing toolkit. All static findings are false positives: subprocess usage is for local server management, hardcoded URLs are localhost for testing, temp directory access is for screenshots/logs, and 'weak crypto' flags are from Apache license text and base64 encoding. No data exfiltration or malicious behavior detected.

Fichiers analysés

795

Lignes analysées

résultats

Total des audits

Facteurs de risque

⚡ Contient des scripts (1)

scripts/with_server.py:69-88

🌐 Accès réseau (1)

scripts/with_server.py:23-32

📁 Accès au système de fichiers (2)

examples/static_html_automation.py:1-32 examples/console_logging.py:31-32

⚙️ Commandes externes (1)

scripts/with_server.py:69-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

UI-Verhalten überprüfen

Klicken, Formulare ausfüllen und Seitenzustände für Webanwendungen automatisieren.

End-to-End-Tests

Automatisierte Testskripte erstellen, die Frontend-Funktionalität ohne manuelles Browser-Testing überprüfen.

Dynamische Inhalte erfassen

Daten aus dynamisch gerenderten Seiten extrahieren, indem auf JavaScript-Ausführung gewartet wird.

Essayez ces prompts

Einfacher Seitentest

Verwende den webapp-testing Skill, um Chromium im Headless-Modus zu starten, zu http://localhost:5173 zu navigieren, auf network idle zu warten, einen Screenshot zu erstellen und den Seitentitel zu überprüfen.

Element-Erkennung

Verwende den webapp-testing Skill, um alle Buttons, Links und Eingabefelder auf der lokalen Seite unter http://localhost:5173 zu entdecken. Gib die Anzahl und Beschreibungen jedes Elements aus.

Formular-Automatisierung

Verwende den webapp-testing Skill, um ein Formular mit Testdaten auszufüllen, es abzusenden, auf die Antwort zu warten und eventuelle Konsolenfehlermeldungen zu erfassen.

Multi-Server-Test

Verwende with_server.py, um einen Backend-Server auf Port 3000 und ein Frontend auf Port 5173 zu starten. Führe dann ein Playwright-Skript aus, das die Verbindung zwischen beiden Services testet.

Bonnes pratiques

Verwende immer den Headless-Modus für automatisierte Tests, um Browser-GUI-Overhead zu vermeiden.
Warte auf den Network-Idle-Status, bevor du dynamische Webanwendungen inspizierst.
Verwende das with_server.py-Hilfsskript, um den Server-Lebenszyklus automatisch zu verwalten.

Éviter

DOM vor dem Warten auf network idle bei dynamischen Anwendungen inspizieren.
Browser-Schließung nach Testabschluss überspringen.
Instabile Selektoren ohne geeignete Wartestrategien verwenden.

Foire aux questions

Funktioniert dieser Skill mit anderen Browsern als Chromium?

Ja, Playwright unterstützt Chromium, Firefox und WebKit. Modifiziere browser.launch() mit dem gewünschten Browsertyp.

Kann ich passwortgeschützte Seiten testen?

Ja, verwende page.fill(), um Anmeldedaten einzugeben, und page.click(), um Login-Formulare vor dem Testen geschützter Inhalte abzusenden.

Muss ich Playwright separat installieren?

Ja, führe pip install playwright und playwright install aus, um Browser vor der Verwendung dieses Skills zu installieren.

Wie gehe ich mit Single-Page-Anwendungen um?

Verwende page.wait_for_load_state('networkidle') nach der Navigation, um auf den Abschluss der JavaScript-Renderierung zu warten.

Sind meine Daten sicher, wenn ich diese Skripte ausführe?

Ja, Skripte werden lokal auf deinem Rechner ausgeführt. Es werden keine Daten an externe Server gesendet. Dateien werden nach /tmp/ oder /mnt/user-data/outputs/ geschrieben.

Kann ich HTTPS-Sites oder localhost mit benutzerdefinierten Zertifikaten testen?

Ja, Playwright kann selbstsignierte Zertifikate akzeptieren. Verwende die Option ignoreHTTPSErrors in browser.new_context().