Conseils concernant les outils de développement: modifier, déboguer et exporter les enregistrements de flux utilisateur

Sofia Emelianova
Sofia Emelianova

Le panneau Enregistreur de DevTools vous permet de capturer les actions des utilisateurs sur votre page, de les lire, de les partager et de les exporter dans différents formats que vous pouvez utiliser dans votre CI/CD.

Le panneau Enregistreur est en cours de développement. Nous avons récemment ajouté de nouvelles fonctionnalités pour vous aider à modifier, déboguer et exporter des enregistrements.

Le panneau Enregistreur vous permet de:

  • ralentir la lecture, définir des points d'arrêt, mettre en pause, reprendre ou avancer l'exécution par étape ;
  • Lorsque l'inspection est mise en pause, interagissez avec la page ou passez à d'autres panneaux pour une inspection plus approfondie.
  • Ajoutez les étapes que l'enregistreur ne capture pas automatiquement. Par exemple, le survol de la souris qui pollue les enregistrements.
  • Configurez des étapes, par exemple en ajoutant des délais avant expiration, des conditions et des assertions.
  • Exportez les enregistrements dans différents formats, tels que JSON, script@puppeteer/replay et script Puppeteer.

Vous pouvez également ajouter d'autres formats d'exportation à l'aide d'extensions Chrome pour le panneau Enregistreur. Au moment de la rédaction de cet article, vous pouvez ajouter des extensions pour les outils suivants: Cypress, WebPageTest, Nightwatch, Testing Library et WebdriverIO. Consultez la liste complète des extensions.

Pour en savoir plus :