Lokalisierter Leseleitfaden
webapp-testingZweck, Verwendung und Quelle
Toolkit zur Interaktion mit und zum Testen lokaler Webanwendungen mit Playwright. Unterstützt die Überprüfung der Frontend-Funktionalität, das Debuggen des UI-Verhaltens, das Erstellen von Browser-Screenshots und das Anzeigen von Browserprotokollen.
Quelle abgerufen:
- Quell-Repository
- anthropics/skills
- SKILL.md
skills/webapp-testing/SKILL.md- Repository-Sterne
- 185,373
- Repository zuletzt aktualisiert
- 2026-10-29
- Fähigkeitskategorien
- Entwicklung
- Letzte Datenerfassung
Lizenz: Lizenzdatei: Prüfung ausstehend
Die Workflow-Auszüge dienen als Lesehilfe und sind keine ausführbaren Anweisungen von Codez. Für die Erstellung dieser Seite wurde keine Drittanbieter-Skill verwendet.
Die folgenden Abschnitte zu Zweck und Arbeitsablauf sind vorgelagertes Material, das zur besseren Lesbarkeit aufbereitet und übersetzt wurde. Sie unterscheiden sich von der separat gekennzeichneten redaktionellen Analyse von Codez.
Was diese Fähigkeit bewirkt
Toolkit zur Interaktion mit und zum Testen lokaler Webanwendungen mit Playwright. Unterstützt die Überprüfung der Frontend-Funktionalität, das Debuggen des UI-Verhaltens, das Erstellen von Browser-Screenshots und das Anzeigen von Browserprotokollen.
Wie der vorgelagerte Workflow funktioniert
Webanwendungstests
Zum Testen lokaler Webanwendungen schreiben Sie native Python-Playwright-Skripte. Verfügbare Hilfsskripte:
Aufwärtspassage · L7 ↗Beispiel: Verwendungwith_server.py
Um einen Server zu starten, führen Sie Folgendes aus:--helpZuerst verwenden Sie dann den Helfer: Mehrere Server (z. B. Backend + Frontend):
Aufklärung-dann-Aktions-Muster
Gerendertes DOM untersuchen: Selektoren aus den Untersuchungsergebnissen identifizieren
Aufwärtspassage · L65 ↗User task → Is it static HTML?
├─ Yes → Read HTML file directly to identify selectors
│ ├─ Success → Write Playwright script using selectors
│ └─ Fails/Incomplete → Treat as dynamic (below)
│
└─ No (dynamic webapp) → Is the server already running?
├─ No → Run: python scripts/with_server.py --help
│ Then use the helper + write simplified Playwright script
│
└─ Yes → Reconnaissance-then-action:
1. Navigate and wait for networkidle
2. Take screenshot or inspect DOM
3. Identify selectors from rendered state
4. Execute actions with discovered selectorsAnforderungen und Einrichtung
Aus dieser Datei wurde kein Abschnitt mit kurzen Anforderungen ausgewählt. Dies bedeutet nicht, dass die Fertigkeit keine Abhängigkeiten hat. Überprüfen Sie die Anweisungen zur Repository-Einrichtung und die referenzierten Dateien.
Grenzwerte und Qualitätskontrollen
Häufige Fehlerquelle
❌ Untersuche das DOM nicht, bevor du wartest.networkidlebei dynamischen Apps ✅ Warten Sie nicht aufpage.wait_for_load_state('networkidle')vor der Inspektion
Beginnen Sie mit einem sicheren Testlauf
- Prüfen Sie den unterstützten Host und die Installationsanweisungen für das Repository. Halten Sie das Skill-Verzeichnis und die darin enthaltenen Skripte, Assets und Dokumentationen zusammen;SKILL.mdEine Einzelperson kann Abhängigkeiten außer Acht lassen.
- Geben Sie dem Agenten Ihre tatsächlichen Eingaben, die gewünschten Ausgaben und die Akzeptanzkriterien an. Aufrufsyntax und verfügbare Tools hängen vom Hostsystem ab; diese Website geht nicht von einem universellen Installationsbefehl aus.
- Testen Sie den Quellworkflow in einem temporären Projekt oder auf einer Kopie. Überprüfen Sie Vorgänge, die Dateien, Remote-Dienste oder abrechnungsfähige Ressourcen ändern, bevor Sie diese zulassen.
- Überprüfen Sie die Ausgabe anhand der Quellqualitätsprüfungen und Ihrer eigenen Anforderungen. Ein erfolgreicher Trigger oder eine hohe Anzahl von Sternen im Repository garantiert kein korrektes Ergebnis.
Lesen Sie mehr dazu in der Quelle.
Verwandte Fähigkeiten
Übersetzung und Umfang
Dieser Leseleitfaden wählt Passagen aus dem markierten stromaufwärts gelegenen Abschnitt aus.SKILL.mdDie Übersetzung wurde unterstützt. Es handelt sich weder um ein vollständiges Handbuch noch um eine Garantie für geprüfte Kompatibilität. Lesen Sie vor der Verwendung das Original und die darin referenzierten Dateien.
Diese Einleitung bezieht sich auf die unten angepinnte Version; die aktuelle Repository-Aktivität und der Erfassungszeitpunkt werden separat angezeigt.
- Angeheftete Quelle
- Lesen Sie das Original ↗
- Quelle abgerufen
- Source-Commit
ca45fc496a3436251f191354091d557da31c15b5- Quelle SHA-256
51b7349e77ec63b7744a6f63647e7566a0b4d2e301121cc10e8c2113af6556a2