C✳CODEZ.WIN
🌐 Deutsch

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):

Aufwärtspassage · L35 ↗

Aufklärung-dann-Aktions-Muster

Gerendertes DOM untersuchen: Selektoren aus den Untersuchungsergebnissen identifizieren

Aufwärtspassage · L65 ↗
Aufwärtspassage · ↗
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 selectors

Anforderungen 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

Aufwärtspassage · L78 ↗

Beginnen Sie mit einem sicheren Testlauf

  1. 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.
  2. 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.
  3. 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.
  4. Ü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.

Spezifikation des Kompetenzformats und des Verzeichnisses ↗

Lesen Sie mehr dazu in der Quelle.

Ü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
Zurück zum vollständigen Kompetenzkatalog