Playwright (Automation + MCP + Scraper)

• Pages rendues en JS — le contenu dont vous avez besoin n'existe qu'après l'exécution de JavaScript (SPAs, tableaux dynamiques, données chargées en différé).
• Workflows navigateur en plusieurs étapes — formulaires, flux de connexion, téléchargements de fichiers (envoi/réception), ou séquences de navigation qui dépendent d'événements navigateur réels et de l'état du DOM.
• Captures d'écran, PDFs et capture de preuves visuelles — vous avez besoin d'une sortie fidèle au pixel près à partir d'une page rendue, et non du HTML brut.
• Création et débogage de tests Playwright (Automation + MCP + Scraper) — écriture, exécution ou correction d'une suite @playwright/test, traçage des instabilités en CI, ou reproduction de bugs d'interface en mode avec interface graphique.
• Contrôle du navigateur piloté par MCP — l'agent dispose déjà d'outils browser_* dans la boucle et vous souhaitez des workflows naviguer-cliquer-remplir-capturer sans écrire de nouveau code d'automatisation.

• Le HTML statique ou les réponses HTTP simples sont suffisants — un simple fetch ou une compétence HTTP est plus rapide, moins coûteux et moins fragile lorsque la page ne nécessite pas de rendu JavaScript.
• Les tâches purement API — si le service cible dispose d'une API documentée, l'appeler directement est plus fiable que de piloter un navigateur.
• L'extraction est le seul objectif et une approche sans navigateur fonctionne — privilégiez les API documentées ou le HTTP simple avant de lancer un navigateur complet uniquement pour scraper.

Exécutez npx @playwright/mcp --headless pour exposer browser_navigate, browser_click, browser_type, browser_snapshot, et d'autres encore en tant qu'actions d'outil de premier ordre. Cette approche ne nécessite aucun nouveau code d'automatisation — l'agent pilote le navigateur directement via les appels d'outils MCP.

Rédigez et exécutez des scripts Playwright directs (chromium.launch, page.goto, page.screenshot) ou des suites @playwright/test complètes avec npx playwright test. Prend en charge les exécutions avec interface graphique, la capture de traces, les nouvelles tentatives et les workers parallèles sans configuration supplémentaire.

Utilisez npx playwright codegen <url> pour enregistrer des interactions et générer des localisateurs stables. Élimine la nécessité de deviner les sélecteurs à partir du code source et produit des localisateurs basés sur les rôles, les libellés et le texte, qui résistent aux modifications mineures du DOM.

Capturez des captures d'écran pleine page, générez des PDFs, enregistrez des traces d'exécution et téléchargez des fichiers — le tout via des actions d'outils MCP ou des appels directs à l'API Playwright (Automation + MCP + Scraper). Les artefacts restent en local dans l'espace de travail ou le répertoire temporaire du système.

La compétence impose l'utilisation de sélecteurs basés sur le rôle, le libellé, le texte et l'identifiant de test plutôt que des sélecteurs CSS/XPath fragiles, ainsi que des assertions web-first plutôt que des vérifications de commandes brutes. Des conseils intégrés sur les attentes d'actionnabilité permettent d'éviter les contournements de temporisation instables basés sur sleep.

Aucun fichier caché, session persistante ou appel réseau non déclaré. L'état d'authentification est temporaire, sauf réutilisation explicite. Les flux de production à enjeux élevés nécessitent une confirmation explicite de l'utilisateur avant de continuer.

Exécutez et étendez une suite @playwright/test existante contre une application locale ou de staging. Utilisez npx playwright test --trace on pour capturer des artefacts lors des échecs en CI, puis diagnostiquez les instabilités avec le visualiseur de traces et des ré-exécutions en mode avec interface graphique.

Laissez un agent naviguer sur un site, remplir un formulaire en plusieurs étapes et capturer une capture d'écran — le tout via les actions MCP browser_navigate, browser_type, browser_click et browser_snapshot — sans écrire une seule ligne de script Playwright (Automation + MCP + Scraper).

Naviguez vers une page rendue en JavaScript, attendez que le DOM se stabilise, puis utilisez browser_evaluate ou un script Playwright (Automation + MCP + Scraper) direct pour extraire des données structurées. Idéal lorsque la cible ne dispose d'aucune API et que le contenu n'apparaît qu'après l'exécution de JavaScript.

Reproduisez une régression UI signalée en mode visible avec npx playwright test --headed, capturez une trace avec --trace on, et inspectez les instantanés réseau, console et DOM pour isoler la cause racine avant de rédiger un correctif.