Learn how to record and generate automated tests using Playwright's Codegen tool in this comprehensive tutorial. Explore the Test Generator's capabilities, including opening browser windows, recording interactions, and generating test scripts. Master various command-line options to customize your test recording experience, such as specifying browsers, setting viewport sizes, emulating devices, and adjusting color schemes. Gain practical knowledge on saving and running recorded scripts, making this tutorial an essential resource for beginners looking to enhance their Playwright automation skills.
Overview
Syllabus
Intro
What is Codegen
Step 1 - Open terminal and run codegen *npx playwright codegen*
Step 2 - Check 2 windows open - Browser and Playwright Inspector
Step 3 - Record your test steps and check the test scripts getting created
Step 4 - Save the recorded script in a test file | Run and check
Can also add the url *npx playwright codegen google.com*
See all options *npx playwright codegen --help*
Screenshot moment
Record on a specific browser default:chromium *npx playwright codegen --browser firefox*
Record and save to a file *npx playwright codegen --target javascript -o record_example.js*
Set viewport - screen resolution size *npx playwright codegen --viewport-size=800,600*
Emulate devices *npx playwright codegen --device="iPhone 11"*
Emulate color scheme if available *npx playwright codegen --color-scheme=dark*
Screenshot moment
Taught by
Automation Step by Step
Related Courses
-
Playwright Page Object Model - Step by Step Demo
-
Playwright Beginner Tutorial - How to Write Your First Test
-
Playwright Beginner Tutorial - Assertions
-
Testing Modern Web Apps with Playwright and VS Code
-
Playwright Beginner Tutorial - How to Find Web Objects
-
Playwright Beginner Tutorial - How to Use Trace Viewer
