Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Playwright Beginner Tutorial - How to Record Tests

Automation Step by Step via YouTube

Overview

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.

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

Reviews

Start your review of Playwright Beginner Tutorial - How to Record Tests

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.