C✳CODEZ.WIN
🌐 Français

Guide de lecture localisé

webapp-testingObjectif, utilisation et source

Ensemble d'outils permettant d'interagir avec des applications web locales et de les tester à l'aide de Playwright. Permet de vérifier les fonctionnalités de l'interface utilisateur, de déboguer le comportement de l'interface, de capturer des captures d'écran du navigateur et de consulter les journaux du navigateur.

Source récupérée:

Dépôt source
anthropics/skills
SKILL.md
skills/webapp-testing/SKILL.md
Étoiles du dépôt
185,373
Mise à jour du dépôt
2026-10-29
Catégories de capacités
Développement
Dernière collecte

Licence : Fichier de licence à vérifier

Les extraits de flux de travail sont des outils de lecture et non des instructions exécutables de Codez. Aucune compétence tierce n'a été utilisée pour générer cette page.

Les passages relatifs à l'objectif et au flux de travail ci-dessous constituent le contenu original, organisé et traduit pour la lecture. Ils sont distincts de l'analyse éditoriale de Codez, qui est étiquetée séparément.

À quoi sert cette compétence ?

Ensemble d'outils permettant d'interagir avec des applications web locales et de les tester à l'aide de Playwright. Permet de vérifier les fonctionnalités de l'interface utilisateur, de déboguer le comportement de l'interface, de capturer des captures d'écran du navigateur et de consulter les journaux du navigateur.

Comment fonctionne le flux de travail en amont

Tests d'applications Web

Pour tester les applications web locales, écrivez des scripts Playwright natifs en Python. Scripts d'assistance disponibles :

passage en amont · L7 ↗

Exemple : Utilisationwith_server.py

Pour démarrer un serveur, exécutez--helpUtilisez d'abord l'assistant : Serveurs multiples (par exemple, backend + frontend) :

passage en amont · L35 ↗

Modèle de reconnaissance puis d'action

Inspecter le DOM rendu : identifier les sélecteurs à partir des résultats d’inspection

passage en amont · L65 ↗
passage en amont · ↗
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

Configuration requise

Aucun extrait de configuration n'a été sélectionné dans ce fichier. Cela ne signifie pas que la compétence est sans dépendances. Consultez les instructions de configuration du dépôt et les fichiers référencés.

Limites et contrôles de qualité

Piège courant

❌ N’inspectez pas le DOM avant d’avoir attendunetworkidlesur les applications dynamiques ✅ Veuillez patienterpage.wait_for_load_state('networkidle')avant inspection

passage en amont · L78 ↗

Commencez par un essai sans danger

  1. Vérifiez l'hôte pris en charge et les instructions d'installation du dépôt. Conservez le répertoire Skill ainsi que ses scripts, ressources et documentation référencés ;SKILL.mdSeul, il peut omettre les dépendances.
  2. Indiquez à l'agent vos paramètres d'entrée réels, le résultat souhaité et les critères d'acceptation. La syntaxe d'appel et les outils disponibles dépendent du système hôte ; ce site ne propose pas de commande d'installation universelle.
  3. Testez le flux de travail source dans un projet temporaire ou sur une copie. Avant d'autoriser les opérations qui modifient des fichiers, des services distants ou des ressources facturables, examinez-les attentivement.
  4. Vérifiez la conformité du résultat avec les contrôles qualité sources et vos propres exigences. Un déclenchement réussi ou un nombre élevé d'étoiles dans le dépôt ne garantissent pas un résultat correct.

Spécifications du format et du répertoire des compétences ↗

Pour en savoir plus, consultez la source.

Traduction et étendue

Ce guide de lecture sélectionne des passages de l'amont épingléSKILL.mdCette traduction est assistée. Elle ne constitue pas un manuel complet et ne garantit pas une compatibilité testée. Veuillez lire le document original et les fichiers auxquels il fait référence avant utilisation.

Cette introduction fait référence à la version épinglée ci-dessous ; l’activité actuelle du dépôt et la durée de la collecte sont indiquées séparément.

Source épinglée
Lire l'original ↗
Source récupérée
Commit source
ca45fc496a3436251f191354091d557da31c15b5
Source SHA-256
51b7349e77ec63b7744a6f63647e7566a0b4d2e301121cc10e8c2113af6556a2
Retour au catalogue complet des compétences