Record Playwright scripts using Codegen

Goals: Learn the basics of using Playwright Codegen, including best practices to ship robust scripts to production.
If you are a beginner, I’d recommend watching two previous videos on this channel:
1. Code-first Playwright intro tutorial on macOS: • Code-first Playwright ...
2. Playwright selectors in-depth for beginners: • Playwright selectors i...
Official Codegen docs: playwright.dev/docs/cli#gener...
Machine specs: MacBook Pro (13-inch, M1, 2020), macOS Monterey (12.0.1)
Node version: v14.15.4
Playwright version: 1.17.1
You can find additional material on this and related topics on ragog.link
Timestamps:
00:00 Intro & setup
01:08 Launching Codegen & recording
04:14 Iterating on the output script
13:51 Comparison with manual script
21:41 Outro

[@sindhiNibba]

Great channel and really helpful ❤️❤️ Thanks

[@flaviokonti5522]

Wow some really useful tips I heard, thanks

[@ravi14feb]

Great Stuff, amazing content. I have a quick question about the Codegen record popup, I am unable to see JavaScript in the target dropdown, using Playwright version 1.29.1. any lead will be highly appreciated

[@fotoflo]

Hi is it possible to record, stop the recorder, write some code in there, and then resume the recorder?

[@purushothamnikhil]

Recording will work on applications where there are shdowdoms?

[@VivekSingh-ch4hv]

Can we open codegen chromium browser with disabled web security?