Dicas do DevTools: editar, depurar e exportar registros de fluxo de usuários

Sofia Emelianova
Sofia Emelianova

O painel Gravador do DevTools permite capturar as ações do usuário na sua página, reproduzir, compartilhar e exportar para uma variedade de formatos que você pode usar na CI/CD.

O painel Gravador está em desenvolvimento e adicionou recentemente novos recursos para ajudar você a editar, depurar e exportar gravações.

Com o painel Gravador, é possível:

  • Diminua a velocidade da reprodução, defina pontos de interrupção, pause, retome ou avance a execução uma etapa de cada vez.
  • Quando estiver pausado, interaja com a página ou mude para outros painéis para uma inspeção mais detalhada.
  • Adicione etapas que o Gravador não captura automaticamente. Por exemplo, se você passar o cursor do mouse sobre as gravações, isso poderá poluir as gravações.
  • Configure etapas, por exemplo, adicionar tempos limite, condições e declarações.
  • Exporte as gravações em vários formatos, como JSON, @puppeteer/replay script e Puppeteer.

Além disso, é possível adicionar mais formatos de exportação usando as extensões do Chrome para o painel Gravador. No momento em que este artigo foi escrito, você pode adicionar extensões para as seguintes ferramentas: Cypress, WebPageTest, Nightwatch, Testing Library e WebdriverIO. Confira a lista completa de extensões.

Para mais informações: