Browser Actionability Debugger

Ce que fait cette compétence

Cette compétence aide les agents à déboguer les échecs d'« actionnabilité » dans l'automatisation du navigateur (par exemple, Playwright, Puppeteer). Elle distingue le fait qu'un élément soit présent dans le DOM (visible) du fait qu'il soit réellement cliquable, en fournissant une méthodologie pour trouver les superpositions interceptrices ou les propriétés CSS bloquant l'interaction.

Quand l'utiliser

Utilisez-la lorsqu'un test de navigateur échoue avec une erreur « élément intercepté », lorsqu'un clic ne déclenche pas d'action malgré la visibilité de l'élément, ou lors du débogage des comportements du presse-papiers multiplateformes.

Ce qui est inclus

• Instructions : Un flux de travail en 5 étapes pour reproduire les échecs, séparer la visibilité de l'actionnabilité, vérifier les portes de cycle de vie et corriger les problèmes au niveau de la couche CSS appropriée.
• Extrait de diagnostic : Un snippet JavaScript à utiliser dans page.evaluate() qui utilise elementFromPoint() pour identifier exactement ce qui bloque l'élément cible.

Agents compatibles

Hautement compatible avec les agents utilisant des outils d'automatisation de navigateur comme Playwright, Chrome DevTools Protocol (CDP), et des agents de codage comme Claude Code ou Windsurf.