Playwright: Web Automation Testing From Zero to Hero

Focused View

Artem Bondar

12:23:56

44 View

1. Preparation

1. Introduction.mp4

04:13

2. Playwright vs Cypress.mp4

06:33

3.1 Git.html

3.2 Node.js.html

3.3 VS Code.html

3. Configuration of Development Environment.mp4

07:05

4.1 Test application GIT repository.html

4. Clone Test Application.mp4

05:05

2. JavaScript Fundamentals

1.1 TS-JS Intro.pptx

1. Module Overview.mp4

02:29

2. Hello World.mp4

04:42

3. Variables, Constants and Data Types.mp4

11:17

4. Concatenation and Interpolation.mp4

06:17

5. Objects and Arrays.mp4

09:02

6. Relational and Equality Operators.mp4

08:02

7. Logical Operators.mp4

09:40

8. Conditional Statements.mp4

08:21

9. Loops.mp4

09:29

10. Functions.mp4

15:19

11. Class and Methods.mp4

06:57

12. TypeScript vs JavaScript.mp4

06:18

13. JavaScript practice exercise.html

3. Playwright Hands-On Overview

1. Playwright Installation.mp4

05:48

2. Test Execution with CLI.mp4

07:10

3. Test Execution with UI.mp4

06:34

4. Trace View and Debug.mp4

07:14

5. Tests Structure.mp4

09:45

6. Hooks and Flow Control.mp4

07:12

7. Knowledge check.html

4. Interaction with Web Elements

1.1 Understanding DOM.pptx

1. DOM Terminology.mp4

05:46

2. Locator Syntax Rules.mp4

13:50

3. User-Facing Locators.mp4

12:21

4. Child Elements.mp4

08:45

5. Parent Elements.mp4

12:35

6. Reusing Locators.mp4

05:39

7. Extracting Values.mp4

09:59

8. Assertions.mp4

09:57

9. Auto-Waiting.mp4

17:55

10.1 Timeouts.pptx

10. Timeouts.mp4

12:14

11. Knowledge check.html

5. UI Components

1. Input Fields.mp4

07:54

2. Radio Buttons.mp4

07:41

3. Checkboxes.mp4

08:54

4. Lists and Dropdowns.mp4

16:08

5. Tooltips.mp4

07:00

6. Dialog Boxes.mp4

07:29

7. Web Tables (Part 1).mp4

16:33

8. Web Tables (Part 2).mp4

10:58

9. Date Picker (Part 1).mp4

07:33

10. Date Picker (Part 2).mp4

17:30

11.1 Bonuding Box.pptx

11. Sliders.mp4

16:01

12. Drag & Drop with iFrames.mp4

10:06

6. Page Object Model

1.1 PageObjectModel.pptx

1. What Is Page Objects.mp4

07:23

2. First Page Object.mp4

09:06

3. Navigation Page Object.mp4

10:49

4. Locators in Page Objects.mp4

08:08

5. Parametrized Methods.mp4

13:40

6. Date Picker Page Object.mp4

12:54

7. Page Objects Manager.mp4

09:57

8. Page Objects Helper Base.mp4

07:29

7. Working with APIs

1.1 What is API.pptx

1. What is API.mp4

10:29

2.1 Deployed application URL.html

2.2 Source code of application.html

2. Setup New Project.mp4

09:46

3. Mocking API.mp4

07:38

4. Modify API Response.mp4

09:29

5. Perform API Request.mp4

23:01

6. Intercept Browser API Response.mp4

15:51

7. Sharing Authentication State.mp4

09:19

8. API Authentication.mp4

09:27

8. Advanced

1. NPM Scripts and CLI Commands.mp4

05:56

2.1 Faker Library.html

2. Test Data Generator.mp4

08:48

3.1 Retries.pptx

3. Test Retries.mp4

08:42

4. Parallel Execution.mp4

10:04

5. Screenshots and Videos.mp4

08:35

6. Environment Variables.mp4

19:21

7. Configuration File.mp4

12:06

8. Fixtures.mp4

12:52

9. Project Setup and Teardown.mp4

14:16

10. Global Setup and Teardown.mp4

12:49

11. Test Tags.mp4

03:50

12. Mobile Device Emulator.mp4

07:54

13. Reporting.mp4

06:43

14. Visual Testing.mp4

09:41

15.1 Docker.html

15. Playwright with Docker Container.mp4

19:37

9. Final Words

1. Final Words.mp4

00:56

Description

Complete Playwright test automation course with TypeScript. 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

Who is this for?

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

What You Need to Know?

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.

More details

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 class
Watch 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 tests
How to organize tests, structure tests, use test hooks
HTML 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 Playwright
How to work with APIs: API mocking, API requests, intercept API calls, shared storage state, API authentication
Multiple 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.

Who this course is for:
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

User Reviews

Rating

average 0

Total votes0

Focused display

Automation Engineer with multiple years of experience in different domains. Udemy instructor and test automation coach. More than 35,000 students completed my classes around the globe.I teach how to do test automation the right way. Best practices, approach, philosophy of a good code. What is it being a professional in quality engineering and test automation.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.