Learn Web Automation Testing with Playwright and JavaScript

Name: Learn Web Automation Testing with Playwright and JavaScript
Rating: 4.6 (498 reviews)

Mastering Modern Web Automation: A Comprehensive Guide to JavaScript Playwright and Using AI, and GPT-4 Model in Testing

Created byLaurentiu Raducu

Last updated 11/2025

English

What you'll learn

Developers keen on automating web tasks or testing web applications for diverse browser compatibility.
QA professionals wanting a modern tool to enhance their end-to-end testing workflows and capabilities.
Web enthusiasts interested in exploring innovative ways to interact with and gather data from websites.
Product managers seeking an understanding of automation tools to better collaborate with their tech teams.
Tech educators and trainers aiming to stay updated and expand their curriculum with cutting-edge browser automation topics.
JavaScript developers looking to enrich their skillset with a cutting-edge testing framework.

Course content

8 sections • 42 lectures • 1h 38m total length

Introduction1:18

Defining the Authentication Test5:12
Refactoring using Playwright Test1:40
Creating a Test for Buying an Item5:00
Configuring Playwright in Non-Headless Mode1:03
In this clip, we will see how to make Playwright to run in non-headless mode, to see the browser performing the actions.
Adding Test Reports in Playwright0:47
Learn how to add an HTML report showing the tests that were run with Playwright.
Playwright's Codegen Feature1:30
Learn how to automatically generate code by recording your actions in the browser.

Fixtures1:09
Learn how to handle Playwright fixtures in your end to end front end tests.
The Checking Action in Playwright2:10
Learn how to check radio and checkboxes with Playwright.
Global Configuration1:12
Find out how to run different command together with your tests through a global configuration file.
Handle Multiple Web Elements2:17
In this video, we learn how to manage multiple elements at once, and how to avoid getting exceptions when using too generic locators.
Fill vs. Type0:49
What is the best way to add text on a text field? Let's breakdown the two available methods: fill() and type().
Special Actions0:34
Learn how to mimic the mouse hover action, drag and drop or press a specific key from the keyboard.
Assertions1:53
Assertions are a vast topic, so let's revisit it and try to cover what we are missing!
Dialogs2:10
In this clip, let's check how to handle dialogs using Playwright!
Monitoring for Console Errors2:41
Monitoring for different events is crucial for end to end testing. In this clip, let's learn how to check for console errors in our web app.
Managing Cookies1:16
Find out how to read, add and remove cookies using Playwright!
Manipulating the Storage2:40
In this clip, you will learn how to manage local and session storage using Playwright.
Downloading and Uploading Files2:26
Let's learn how to download or upload files in our Playwright tests!

Leveraging CI Pipelines to Run Tests Automatically5:19
In this video, we push our code to GitHub and we create a GitHub action workflow to run the tests automatically.

Here is the URL for the GitHub repo: https://github.com/LaurentiuGabriel/playwright-demo.
Adding a new CI/CD pipeline
Running the Tests Through Docker3:51
In this clip, we learn how to dockerize our project and run our tests through Docker.
Running Load and Performance Tests with Artillery and Playwright2:01
Learn how to integrate Artillery to run non function tests against your web app.

Generate and Execute Tests with GPT-44:51
Leverage the power of GPT-4 for writing and executing tests with Playwright!
AI Visual Tester2:28
Learn how to leverage AI to perform visual integrity checks of your web application.
Static Code Analysis with AI1:29
Creating an AI Testing Agent with Playwright MCP4:56
In this clip, you will learn how to leverage Playwright's native AI functionalities using its MCP server.
Introduction to Agentic Coding1:43
Learn everything you need to know to get started with agentic frameworks such as Claude Code, OpenAI Codex, OpenClaw, or OpenCode.
Getting Started with Claude Code5:05
Install and configure Claude Code with Claude.MD, skills and MCP servers.
Using the Playwright MCP Server2:09
Add the Playwright MCP to your setup and start testing your web apps.
Conclusions and What's Next0:56
We've reached the end of this course! In this clip, I will be showing you how to continue in your learning process.

Requirements

Some basic knowledge of JavaScript would be ideal, but not mandatory.

Description

Mastering Modern Web Automation: A Beginner's Guide to Playwright

In today's rapidly evolving digital landscape, efficient web automation is not just a luxury but an essential skill for many professionals. Dive deep into the intricate world of Playwright, a groundbreaking browser automation tool birthed by the experts at Microsoft. This course is not just about learning a tool; it's about understanding the transformative potential of efficient automation in the modern web era.

In this course you will learn how to:

Use Playwright to automate complex flows, like buying an item from an online shop.
Use GitHub Actions to develop CI/CD pipelines and run your tests automatically.
Leverage AI with Playwright to develop tests by just describing them in plain English.
Make use of the automatic code generation tool with Playwright.
Perform visual tests using the GPT-4 language model.

Moreover, real-world scenarios are interwoven throughout the curriculum, ensuring you're not just learning, but also understanding the broader implications and applications of your knowledge. Designed to cater to a diverse audience — be it developers, QA professionals, innovative product managers, or forward-thinking educators — this course is comprehensive in its approach.

Benefit from expert insights, tips, and tricks that draw from extensive industry experience and best practices. With many different frameworks and technologies described in detail, this course promises more than just learning; it's a journey into the future of web automation. Join us, and together, let's set the gold standard in mastering web automation with Playwright.

Who this course is for:

This course is tailored for developers, QA professionals, web enthusiasts, product managers, and tech educators keen on mastering modern web automation with Playwright.
Beginner JavaScript developers who want to sharpen their toolset on testing their web applications.

Learn Web Automation Testing with Playwright and JavaScript

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 1min

Setting up the Environment2 lectures • 7min

Basic Concepts5 lectures • 10min

Create a Testing Scenario6 lectures • 15min

Advanced Playwright Concepts12 lectures • 21min

Introduction to SafeTest5 lectures • 10min

Test Ops3 lectures • 11min

Artificial Intelligence and Playwright8 lectures • 24min

Requirements

Description

Who this course is for: