Playwright Testing Tutorial

Learn how to build reliable & resilient software applications with Playwright, an open source automation framework.

What you'll learn

What is Playwright?

How to set up the Playwright framework?

Features of Playwright testing

Interacting with elements in Playwright

Requirements

None.

Description

Welcome to the Playwright testing tutorial, where we unlock the secrets of this powerful tool. From automating browser interactions to validating UI, we'll guide you through, step by step through this popular frameworkThis Playwright Testing Tutorial covers everything you need to know about this popular open-source automation framework for end-to-end testing by Microsoft. This tutorial will equip you with the essential knowledge and hands-on experience to write automated tests that can run seamlessly across multiple browsers like Chrome, Firefox, and Safari.You will learn how to set up the Playwright framework and leverage functions and selectors for effective automation. Discover the powerful features of Playwright testing, including seamlessly handling inputs, buttons, alerts, and dropdowns. Dive into interacting with frames and windows, automating date pickers, and mastering file uploads and downloads. Additionally, you will uncover the art of capturing screenshots in Playwright while also exploring many other valuable techniques and concepts along the way. By the end of this playlist, you will be equipped with the knowledge and skills required to write robust and reliable automated tests using Playwright. This course is suitable for beginners and experienced developers who want to learn the basics and advanced use cases of the Playwright framework.

Overview

Section 1: How To Setup Playwright Test Automation Framework | Playwright Tutorial

Lecture 1 Introduction

Lecture 2 How to set up VS Code?

Lecture 3 How to install Playwright?

Lecture 4 How to execute a sample test using Playwright?

Section 2: How To Use Functions And Selectors | Playwright With TypeScript Tutorial

Lecture 5 Introduction

Lecture 6 Test Block in Playwright

Lecture 7 Playwright Functions

Lecture 8 How to write a Login script?

Lecture 9 Playwright Selectors

Lecture 10 How to execute the script?

Lecture 11 Understanding Context and New Page concepts

Lecture 12 Conclusion

Section 3: Playwright Testing Features | Playwright With TypeScript Tutorial

Lecture 13 Introduction

Lecture 14 What is Playwright Fixture

Lecture 15 Playwright reporters

Lecture 16 How to take screenshots and videos on test failure

Lecture 17 Retries option in Playwright

Lecture 18 Auto-waiting in Playwright

Section 4: How To Handle Inputs And Buttons | Playwright With TypeScript Tutorial

Lecture 19 The getAttribute function

Lecture 20 The Playwright Expect input

Lecture 21 The inputValue function

Lecture 22 Interacting with textContent function

Lecture 23 Difference between Type and Fill

Lecture 24 How to interact with Checkboxes

Lecture 25 How to execute a particular test in Playwright

Section 5: How To Handle Alerts And Dropdowns | Playwright With TypeScript Tutorial

Lecture 26 Alert & Dropdown intro

Lecture 27 Simple alert

Lecture 28 Locator nth

Lecture 29 Accept alert

Lecture 30 Confirm alert

Lecture 31 Prompt Alert

Lecture 32 Modal Alert

Lecture 33 Dropdown

Lecture 34 Multi-select

Lecture 35 Advance dropdown

Lecture 36 SlowMo

Section 6: How To Handle Frames And Windows | Playwright With TypeScript Tutorial ?

Lecture 37 Introduction

Lecture 38 Number of frames

Lecture 39 Interact with frames

Lecture 40 frameLocator function

Lecture 41 Nested frame

Lecture 42 Handling tabs

Lecture 43 Handling multiple tabs

Lecture 44 Wait for load state

Lecture 45 Recap

Section 7: How To Automate Date Pickers | Playwright With TypeScript Tutorial ?

Lecture 46 How to handle Date Pickers in Playwright?

Lecture 47 Handling Date Pickers using the Moment method

Lecture 48 Handling Date Pickers using the Moment method 2

Lecture 49 Run Date Pickers

Lecture 50 Recap

Section 8: How To Upload And Download Files | Playwright With TypeScript Tutorial ?

Lecture 51 Introduction

Lecture 52 How to upload files in Playwright?

Lecture 53 FileChooser method

Section 9: Page Object Model In Playwright | Playwright With TypeScript Tutorial ?

Lecture 54 Demo of Page Object Model

Lecture 55 How to write pages?

Lecture 56 Writing Pages Pt.2

Lecture 57 Pages

Lecture 58 Special Hot Page

Lecture 59 Writing tests

Lecture 60 Login Test

Lecture 61 Add to cart test

Section 10: What Are Playwright Fixtures | Playwright With TypeScript Tutorial ?

Lecture 62 What is Fixture?

Lecture 63 How to implement Playwright Fixtures?

Lecture 64 How to implement Playwright Fixtures for Page Object Model?

Lecture 65 How to read data from a JSON file?

Lecture 66 Recap

Section 11: Cross Browser Testing On LambdaTest Cloud | Playwright With TypeScript Tutorial

Lecture 67 Introduction to running Playwright tests on LambdaTest Grid

Lecture 68 Cross browser testing using Projects

Lecture 69 Basic Implementation to run Playwright tests on LambdaTest

Lecture 70 How to use Chrome.connect function

Lecture 71 Advance Integration to run from Playwright tests runner

Lecture 72 How to override Fixture?

Lecture 73 Modifying capabilities in the run time

Lecture 74 How to update test status?

Lecture 75 Recap

Software testers an developers