Playwright: Web Automation Testing From Zero To Hero

Complete Playwright test automation course from scratch. Best practices, API testing, Page Objects, Advanced features

What you'll learn

JavaScript fundamentals for beginners needed to automate in the Playwright

How to install Playwright from scratch run and debug tests, analyze reports and test results

How to locate any web element on the page following Playwright best practices

How to interact with different UI components such as: input fields, radio buttons, check boxes, lists, tooltips, date pickers, web tables, sliders, iFrames

What is Page Object Model and how to organize test code using Page Objects

How to work with APIs in Playwright: API mocking, API requests, API call intercept, shared authentication and API authentication

Advanced topics: global setup and teardown, visual testing, mobile device emulation, fixtures, environment variables, test execution in Docker container

Requirements

Basic JavaScript knowledge is required. JavaScript Fundamentals section is included in the class.

Ask me a question in Q&A section of the class or send me a message if something is not clear or does not work.

Description

Playwright - test automation framework developed by Microsoft. Modern, highly customizable and reliable.This class covers all fundamental concepts of the framework. We begin from scratch, starting with setup and configuration and then a hands-on framework overview to familiarize yourself with the environment. Then from lesson to lesson, we slowly increase complexity. All lessons have a logical progression and are connected. The next lesson in the section builds up a new concept on top of what was learned in the previous lesson. This is also related to the code demonstrated in the class. We will have two test applications, and slowly over the course will add more and more code uncovering new topics.How to follow the classWatch all lessons in the order they have been published. Write the code from the class along with me. If needed, pause the video to complete the code. Practicing - is the best way to learn. Also, I would recommend watching the lessons in full-screen mode because sometimes the text on the screen can be small and hard to read. If you skip lessons or watch them not in order, be ready that you may have a feeling of a knowledge gap, or that something is not clear.What you will learn:How to install Playwright from scratch as a new independent project or add to an existing front-end application project.JavaScript Fundamentals in case you are a beginner to programming.How to run tests using the command line interface, UI mode, Playwright extension, and debug testsHow to organize tests, structure tests, use test hooksHTML terminology, locator syntax rules, and Playwright best practices to locate web elements.Different types of assertions, how auto-waiting concept works, and how to configure different timeouts.How to work with different UI components, such as input fields, radio buttons, checkboxes, lists, tooltips, dialog boxes, date pickers, web tables, iFrames, sliders, drag and drop.What is the Page Object Model. How to organize test framework code with Page Objects. Recommended architecture for Page Object model with PlaywrightHow to work with APIs: API mocking, API requests, intercept API calls, shared storage state, API authenticationMultiple advanced topics: fixtures, global setup and teardown, parallel execution, test tags, test retries, visual testing, mobile device emulation, reporters, environment variables, and test execution in Docker container.By the end of the class, you'll be familiar with all important Playwright concepts to be able to automate pretty much any web application.

Overview

Section 1: Preparation

Lecture 1 Introduction

Lecture 2 Playwright vs Cypress

Lecture 3 Configuration of Development Environment

Lecture 4 Clone Test Application

Section 2: JavaScript Fundamentals

Lecture 5 Module Overview

Lecture 6 Hello World

Lecture 7 Variables, Constants and Data Types

Lecture 8 Concatenation and Interpolation

Lecture 9 Objects and Arrays

Lecture 10 Relational and Equality Operators

Lecture 11 Logical Operators

Lecture 12 Conditional Statements

Lecture 13 Loops

Lecture 14 Functions

Lecture 15 Class and Methods

Lecture 16 TypeScript vs JavaScript

Section 3: Playwright Hands-On Overview

Lecture 17 Playwright Installation

Lecture 18 Test Execution with CLI

Lecture 19 Test Execution with UI

Lecture 20 Trace View and Debug

Lecture 21 Tests Structure

Lecture 22 Hooks and Flow Control

Section 4: Interaction with Web Elements

Lecture 23 DOM Terminology

Lecture 24 Locator Syntax Rules

Lecture 25 User-Facing Locators

Lecture 26 Child Elements

Lecture 27 Parent Elements

Lecture 28 Reusing Locators

Lecture 29 Extracting Values

Lecture 30 Assertions

Lecture 31 Auto-Waiting

Lecture 32 Timeouts

Section 5: UI Components

Lecture 33 Input Fields

Lecture 34 Radio Buttons

Lecture 35 Checkboxes

Lecture 36 Lists and Dropdowns

Lecture 37 Tooltips

Lecture 38 Dialog Boxes

Lecture 39 Web Tables (Part 1)

Lecture 40 Web Tables (Part 2)

Lecture 41 Date Picker (Part 1)

Lecture 42 Date Picker (Part 2)

Lecture 43 Sliders

Lecture 44 Drag & Drop with iFrames

Section 6: Page Object Model

Lecture 45 What Is Page Objects

Lecture 46 First Page Object

Lecture 47 Navigation Page Object

Lecture 48 Locators in Page Objects

Lecture 49 Parametrized Methods

Lecture 50 Date Picker Page Object

Lecture 51 Page Objects Manager

Lecture 52 Page Objects Helper Base

Section 7: Working with APIs

Lecture 53 What is API

Lecture 54 Setup New Project

Lecture 55 Mocking API

Lecture 56 Modify API Response

Lecture 57 Perform API Request

Lecture 58 Intercept Browser API Response

Lecture 59 Sharing Authentication State

Lecture 60 API Authentication

Section 8: Advanced

Lecture 61 NPM Scripts and CLI Commands

Lecture 62 Test Data Generator

Lecture 63 Test Retries

Lecture 64 Parallel Execution

Lecture 65 Screenshots and Videos

Lecture 66 Environment Variables

Lecture 67 Configuration File

Lecture 68 Fixtures

Lecture 69 Project Setup and Teardown

Lecture 70 Global Setup and Teardown

Lecture 71 Test Tags

Lecture 72 Mobile Device Emulator

Lecture 73 Reporting

Lecture 74 Visual Testing

Lecture 75 Playwright with Docker Container

Section 9: Final Words

Lecture 76 Final Words

Quality Engineers who willing to pick up a first test automation framework.,SDETs and Automation Engineers who is transitioning from other frameworks to the Playwright.,Developers who what quickly understand Playwright best practices and framework capabilities,Playwright beginners to learn this tool faster