New Course

💛

QA Automation Track

Playwright with JavaScript

The industry standard for E2E testing. Learn to write maintainable and blistering fast workflows with Playwright & JavaScript.

Modules

5 hrs

Total Duration

Free

Certificate

Course Modules

Complete all 13 modules to earn your certificate.

Module 1

15 min

Environment Setup & Installation

Prepare your machine with VS Code and Node.js for industrial-grade automation.

VS Code download Node.js LTS install Project initialization Playwright extension

Module 2

20 min

JavaScript Basics for QA

Learn the core JS concepts required for effective test writing.

Loops and iteration Conditionals & logic Arrays & Objects Async/Await fundamentals

Module 3

15 min

Lesson 1: Introduction to Playwright

Understand the architecture and write your first automation script.

Playwright architecture Browser contexts First test script Running tests

Module 4

25 min

Lesson 2: Functions and Selectors

Master Playwright's powerful locator engine to find any element reliably.

Role-based locators Data-testid attributes Chaining & filtering locators Handling dynamic elements

Module 5

20 min

Lesson 3: Playwright Features

Advanced features like Auto-wait, Trace Viewer, and Codegen.

Auto-waiting mechanism Trace Viewer debugging Codegen recording Mobile emulation

Module 6

20 min

Lesson 4: Handle Inputs and Buttons

Interacting with complex form elements and user actions.

Text inputs & pressing keys Checkboxes & Radio buttons Double clicks & Hovering Force clicking

Module 7

20 min

Lesson 5: Handle Alerts and Dropdowns

Automating JavaScript dialogs and native select menus.

Alert, Confirm, Prompt Select option by label Multiselect handling Dialog event listeners

Module 8

25 min

Lesson 6: Handle Frames and Windows

Navigating through iFrames and multiple browser tabs.

frameLocator API Switching to new pages Event-based tab handling Nested frames

Module 9

20 min

Lesson 7: Date Pickers in Playwright

Strategies for automating complex calendar components.

Input field injection Visual calendar navigation Moment.js integration Dynamic date selection

Module 10

20 min

Lesson 8: Upload and Download Files

Handling file streams and server-side interactions.

setInputFiles API Intercepting downloads Saving file buffers Clearing file inputs

Module 11

30 min

Lesson 9: Page Object Model

Architect your test suite for maintainability using native ES6 classes.

Creating page classes Element encapsulation Method-based interaction Scalable folder structures

Module 12

25 min

Lesson 10: Playwright Fixtures

Advanced setup/teardown using custom test extensions.

Extending the test object Worker vs Test fixtures Authenticated states Fixture dependency injection

Module 13

25 min

Lesson 11: Cross Browser Testing on Cloud

Run Playwright tests in GitHub Actions and cloud grids.

GitHub Actions workflow Parallel test execution Sharding across workers Cloud grid integration

Practice What You Learn

Use our dedicated Playwright E-Commerce Playground to test your skills against a real-world app.