Avatar 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