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

Sofia Emelianova
Sofia Emelianova

O painel Recorder das Ferramentas do desenvolvedor permite capturar ações do usuário na página, reproduzir, compartilhar e exportar para vários formatos que podem ser usados na CI/CD.

O painel Recorder está em desenvolvimento ativo e recentemente adicionou 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, o movimento do mouse que polui as gravações.
  • Configure etapas, por exemplo, adicione timeouts, condições e afirmações.
  • Exporte as gravações em vários formatos, como JSON, @puppeteer/replay script e Puppeteer script.

Além disso, você pode adicionar mais formatos de exportação usando extensões do Chrome para o painel Gravador. No momento da escrita, é possível 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: