Automated Web Testing With Javascript And Playwright

Automated Web Testing With Javascript And Playwright
Published 1/2023
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz

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

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

Requirements

No programming experience needed – I will explain everything you need.

A computer where you can install software (Windows, Mac, Linux)
Description

Overview

Section 1: Basic Concepts

Lecture 1 Course Overview

Lecture 2 Install required software: custom web application, Node.js, Visual Studio Code

Lecture 3 Windows users only: Install git bash
Lecture 4 Project setup with npm init

Lecture 5 Explore the framework

Lecture 6 Functions and understanding the test frame

Lecture 7 Selectors and page interactions: Waiting for a button, clicking on a button
Lecture 8 Assert text changes

Lecture 9 Assert page navigation

Section 2: End-to-End Testing

Lecture 10 End-to-End Testing: Introduction

Lecture 11 Page Objects

Lecture 12 Accessing specific elements: Add three products to the basket via page object

Lecture 13 Accessing specific elements: Assert that the button changes text

Lecture 14 String conversion: Assert that the basket counter increases

Lecture 15 Nested page object method calls

Lecture 16 Move to checkout using navigation bar

Lecture 17 Iterating over multiple elements with .map() & String replacements

Lecture 18 Selecting specific elements out of multiple options

Lecture 19 Dropdowns

Lecture 20 Regular Expressions

Lecture 21 Form fields

Lecture 23 Method arguments – passing data into our page object from outside

Lecture 24 Form fields: Fill out delivery details

Lecture 25 Abstracting test data: Move user details into data-specific directory

Lecture 26 In-built retries: Counting elements

Lecture 27 Extracting input values

Lecture 28 Continue to payment page

Lecture 29 iframes: Grab discount code

Lecture 30 In-built retries: Input values

Lecture 31 Keyboard API: Simulating typing

Lecture 32 In-built retries: Text changes

Lecture 33 Form fields: Fill in credit card details

Lecture 34 Complete payment

Lecture 35 Mobile viewport setup

Lecture 36 Conditional actions: Adding a product to the basket in mobile
Lecture 37 Conditional actions: Adjustments to not impact the desktop tests
Lecture 38 Utility functions: Move to checkout using mobile navigation drawer

Section 3: Advanced Techniques

Lecture 39 Advanced Techniques: Introduction

Lecture 40 Cookies and browser storage

Lecture 41 My Account page

Lecture 44 Page scripts: Injecting cookies into the browser

Lecture 45 Reusable API helpers

Lecture 47 globalSetup: Calling functions before all tests

Lecture 48 Mocking network requests

Section 4: CI Systems and Version Control with GitHub

Lecture 49 CI Systems: Introduction

Lecture 50 Mac users only: Installing git

Lecture 51 Sign up for GitHub

Lecture 52 Authentication with SSH key

Lecture 53 Preparing the project before push to GitHub

Lecture 54 Upload project to GitHub

Lecture 55 GitHub Actions: First step
Lecture 56 GitHub Actions pipeline: Commands to execute tests
Lecture 57 GitHub Actions: Secrets
Lecture 58 Goodbye

Anyone wanting to learn browser automation, no matter which skill level. All necessary knowledge will be taught in the course.