How to edit and extend user flows with Recorder and Puppeteer Replay #DevToolsTips

Explore how to edit and assert your user flows in the Recorder, install extensions, and export it to various formats, as well as use Puppeteer Replay other libraries to customize and replay programmatically.

Chapters:
0:00 - Intro
0:17 - 2 ways to debug user flows
0:25 - Slow down the replay
0:40 - Set breakpoint, replay step by step
0:13 - Edit a step manually
2:01 - Configure a step
2:28 - Assert a step
3:37 - Export user flows
3:42 - Export and import as JSON
3:54 - Puppeteer Replay
4:07 - Schedule Puppeteer Replay
4:17 - Replay with third party libraries
4:31 - Export as Puppeteer Replay script
4:44 - Customize replay script
5:10 - Export as Puppeteer script
5:26 - Install Recorder extension
6:11 - Convert user flows programmatically
6:24 - Build your own Recorder library or extension

Links:

Questions? Tweet to us:

#DevToolsTips #Chrome #Developer

[Mohitbawari]

Hi,
Do we have any plan to add actions like verify text or verify any attribute, same as we have in selenium IDE or any other recorder tool?

Thanks.

[PhilippeWisniewski]

Would love an option for exporting to a video format 🙂

[noahbaker]

is it possible to check with the waitForExpression if the total is greater than $25?

[PaulEmpaulem]

it is possible to export this as cypress test 🤩

[squarerootof]

I don't believe for a second these captions were auto generated. The A.I. can't get British English right and yet this was "translated" without a single flaw. Make it more believable next time, guys!