Aller au contenu

Webapp Testing

webapp-testing

Teste ton app web en vrai via Playwright : clics, screenshots, logs navigateur.

ClaudeCodexDevOps & Infra

Ce que ça fait

Elle donne à l'agent les mains pour piloter un vrai navigateur et tester ton app, pas juste lire le code.

  • Scripts Playwright (Python) pour naviguer, attendre le chargement, cliquer et interagir avec le DOM.
  • Script utilitaire (`with_server.py`) pour gérer le cycle de vie du serveur pendant les tests.
  • Capture de screenshots pour inspecter l'UI et lecture des logs console du navigateur.
  • Pattern 'reconnaissance puis action' : inspecter le DOM rendu, repérer les sélecteurs, puis agir.

Particulièrement utile sur les apps dynamiques qui nécessitent l'exécution du JavaScript.

Cas d'usage

  • Vérifier un parcours

    Pilote le navigateur pour valider qu'un flux UI marche de bout en bout.

  • Déboguer l'UI

    Capture screenshots et logs console pour comprendre un bug front.

  • QA avant déploiement

    Teste l'app dynamique en conditions réelles avant de pousser.

Comment l'installer

Claude

  • `/plugin marketplace add anthropics/skills` puis `/plugin install example-skills@anthropic-agent-skills`
  • Ou manuellement : copie `skills/webapp-testing/` dans `~/.claude/skills/`

Codex

  • Format SKILL.md : clone le repo et place le dossier `webapp-testing` dans un répertoire de skills lu par Codex

Le verdict NXUS

Le complément naturel des skills de dev : l'agent vérifie son boulot dans un vrai navigateur au lieu de supposer que ça marche. À garder sous la main pour tout front.

Skills similaires

Apprends à créer tes propres skills & agents

Découvre nos formations pour construire tes outils IA.

Voir les formations