Automated Web Testing with JavaScript and Playwright

Course Curriculum

Chapter 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: A note before we get started

Lecture 5: Project setup with npm init

Lecture 6: Explore the framework

Lecture 7: Functions and understanding the test frame

Lecture 8: Selectors and page interactions: Waiting for a button, clicking on a button

Lecture 9: Assert text changes

Lecture 10: Assert page navigation

Chapter 2: End-to-End Testing

Lecture 1: End-to-End Testing: Introduction

Lecture 2: Page Objects

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

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

Lecture 5: String conversion: Assert that the basket counter increases

Lecture 6: Nested page object method calls

Lecture 7: Move to checkout using navigation bar

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

Lecture 9: Selecting specific elements out of multiple options

Lecture 10: Dropdowns

Lecture 11: Regular Expressions

Lecture 12: Form fields

Lecture 13: Third-party dependencies and UUIDs

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

Lecture 15: Form fields: Fill out delivery details

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

Lecture 17: In-built retries: Counting elements

Lecture 18: Extracting input values

Lecture 19: Continue to payment page

Lecture 20: iframes: Grab discount code

Lecture 21: In-built retries: Input values

Lecture 22: Keyboard API: Simulating typing

Lecture 23: In-built retries: Text changes

Lecture 24: Form fields: Fill in credit card details

Lecture 25: Complete payment

Lecture 26: Mobile viewport setup

Lecture 27: Conditional actions: Adding a product to the basket in mobile

Lecture 28: Conditional actions: Adjustments to not impact the desktop tests

Lecture 29: Utility functions: Move to checkout using mobile navigation drawer

Chapter 3: Advanced Techniques

Lecture 1: Advanced Techniques: Introduction

Lecture 2: Cookies and browser storage

Lecture 3: My Account page

Lecture 4: API/Network requests with third-party dependencies, handling JSON – Part 1

Lecture 5: API/Network requests, handling JSON – Part 2

Lecture 6: Page scripts: Injecting cookies into the browser

Lecture 7: Reusable API helpers

Lecture 8: Environment variables

Lecture 9: globalSetup: Calling functions before all tests

Lecture 10: Mocking network requests

Chapter 4: CI Systems and Version Control with GitHub

Lecture 1: CI Systems: Introduction

Lecture 2: Mac users only: Installing git

Lecture 3: Sign up for GitHub

Lecture 4: Authentication with SSH key

Lecture 5: Preparing the project before push to GitHub

Lecture 6: Upload project to GitHub

Lecture 7: GitHub Actions: First step

Lecture 8: GitHub Actions pipeline: Commands to execute tests

Lecture 9: GitHub Actions: Secrets

Lecture 10: Goodbye

Chapter 5: Bonus

Lecture 1: UI Mode

Lecture 2: Spread Operator in JavaScript