Automated Web Testing with JavaScript and Playwright

Automated Web Testing with JavaScript and Playwright

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 59 lectures (9h 27m) | 11.40 GB

Master browser automation to create fast and reliable test suites. Taking you from zero to hero!

This course is designed with one simple goal in mind: To teach you web automation so that you will have all the tools to build reliable and fast test suites using the industry’s best-practices and advanced techniques. On top of that, you will learn how web applications work behind the scenes and how you can use this knowledge to your advantage.

Practice makes perfect

I believe that you can learn any subject if you practise it. That is why this course is completely practical: We will be building a real test suite for a shopping app. You will also learn how to take these learnings and concepts and apply them to your own applications!

Throughout the course, there are plenty of exercise stages where you are invited to pause the video and take on a challenge, practising and retraining things you already learned. But don’t worry, I will always be walking you through my solution at the end of the exercise.

The right tool for the job

Playwright is one of the most powerful and convenient automation frameworks out there, used by big-brand companies such as Microsoft, Adobe and Disney+. We pair it up with JavaScript, the most popular programming language on the planet! This course will teach you everything there is to know. We will even go one step further and explore the rich ecosystem of third-party libraries.

Learning should be fun

Programming isn’t just a job for me; it’s a passion. I look to bring this passion into my teaching. This is exactly the kind of course that I would love to take myself — I make things fun and engaging.

What you’ll learn

  • Write automated tests with a cutting-edge framework and programming language
  • Create beautiful test suites using the page object model
  • Use in-built retries for maximum reliability
  • Manipulate network request and simulate API responses
  • Execute your automation project in the cloud via CI systems
  • Upload your project to GitHub
  • Explore how web applications work behind the scenes
Table of Contents

Basic Concepts
1 Course Overview
2 Install required software custom web application Nodejs Visual Studio Code
3 Windows users only Install git bash
4 Project setup with npm init
5 Explore the framework
6 Functions and understanding the test frame
7 Selectors and page interactions Waiting for a button clicking on a button
8 Assert text changes
9 Assert page navigation

EndtoEnd Testing
10 EndtoEnd Testing Introduction
11 Page Objects
12 Accessing specific elements Add three products to the basket via page object
13 Accessing specific elements Assert that the button changes text
14 String conversion Assert that the basket counter increases
15 Nested page object method calls
16 Move to checkout using navigation bar
17 Iterating over multiple elements with map String replacements
18 Selecting specific elements out of multiple options
19 Dropdowns
20 Regular Expressions
21 Form fields
22 Thirdparty dependencies and UUIDs
23 Method arguments passing data into our page object from outside
24 Form fields Fill out delivery details
25 Abstracting test data Move user details into dataspecific directory
26 Inbuilt retries Counting elements
27 Extracting input values
28 Continue to payment page
29 iframes Grab discount code
30 Inbuilt retries Input values
31 Keyboard API Simulating typing
32 Inbuilt retries Text changes
33 Form fields Fill in credit card details
34 Complete payment
35 Mobile viewport setup
36 Conditional actions Adding a product to the basket in mobile
37 Conditional actions Adjustments to not impact the desktop tests
38 Utility functions Move to checkout using mobile navigation drawer

Advanced Techniques
39 Advanced Techniques Introduction
40 Cookies and browser storage
41 My Account page
42 APINetwork requests with thirdparty dependencies handling JSON Part 1
43 APINetwork requests handling JSON Part 2
44 Page scripts Injecting cookies into the browser
45 Reusable API helpers
46 Environment variables
47 globalSetup Calling functions before all tests
48 Mocking network requests

CI Systems and Version Control with GitHub
49 CI Systems Introduction
50 Mac users only Installing git
51 Sign up for GitHub
52 Authentication with SSH key
53 Preparing the project before push to GitHub
54 Upload project to GitHub
55 GitHub Actions First step
56 GitHub Actions pipeline Commands to execute tests
57 GitHub Actions Secrets
58 Goodbye

Bonus
59 UI Mode

Homepage