CF

React End-to-End Testing with Playwright

2h 16m 19s
English
Paid

React End-to-End Testing with Playwright is a 36-lesson 2 hours 16 minutes self-paced course by Artem Zakharchenko. This course is created for developers who want to systematically master end-to-end testing of React applications using Playwright and transition from fragile E2E tests to a professional, reliable, and scalable approach.

Course facts

Lessons
36
Duration
2 hours 16 minutes
Level
All levels
Language
English
Updated
Instructor
Artem Zakharchenko
Price
Premium

This course is created for developers who want to systematically master end-to-end testing of React applications using Playwright and transition from fragile E2E tests to a professional, reliable, and scalable approach.

About this course

You will gain a comprehensive understanding of how to correctly build the architecture of end-to-end tests, effectively use Playwright, and implement sustainable testing practices in real projects. The course combines theory, practice, and real scenarios encountered by frontend and fullstack developers.

What you will learn

Correct setup and integration of Playwright

  • Complete configuration of Playwright for local development.
  • Setting up tests in CI/CD and optimizing the runtime.
  • Organizing the test project structure for scalability.

Working with locators and test architecture

  • Optimal use of locators for stable element search.
  • Creating a convenient, flexible, and clean test structure.
  • Using type-safe fixtures to enhance reliability.

Advanced authentication in E2E tests

  • Testing the classic login-flow.
  • Checking two-factor authorization.
  • Working with passkeys and secure user states.
  • Using Personas to model different user types.

Working with data and mock environments

  • Creating and managing test data.
  • Using mock API for scenario isolation.
  • Working with temporary users and sandbox environments.

Debugging and analyzing test failures

  • Using UI Mode for interactive debugging.
  • Analyzing results with Trace Viewer.
  • Finding unstable tests and errors in CI.

Why Playwright

Playwright is a powerful tool for testing modern web applications. It ensures high stability of E2E tests, convenient automation, support for all popular browsers, and a rich set of integrations, making it the best choice for React projects.

Who is the course for

  • Frontend developers looking to master professional interface testing.
  • Fullstack developers wanting to improve the quality of their products.
  • Teams transitioning to Playwright or improving their existing test infrastructure.

What results you will achieve

After completing the course, you will be able to design a reliable automated E2E testing system for React applications, easily expand the Test Suite, find and fix errors faster, and implement Playwright in the team's workflows.

Additional

https://github.com/epicweb-dev/react-e2e-testing-with-playwright

Who teaches React End-to-End Testing with Playwright? Artem Zakharchenko

Artem Zakharchenko thumbnail

Artem Zakharchenko is a Ukrainian software engineer best known as the creator of Mock Service Worker (MSW) — the de-facto standard for API mocking in modern JavaScript test suites — and as a lead instructor on the EpicWeb.dev testing track alongside Kent C. Dodds.

His CourseFlix listing carries four Artem Zakharchenko courses: Testing Fundamentals (EpicWeb), Mocking Techniques in Vitest, Advanced Vitest Patterns, and React Component Testing with Vitest. Material is paid and aimed at JavaScript developers who want to make testing a first-class part of their workflow rather than an afterthought.

What lessons are included in React End-to-End Testing with Playwright?

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 36 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: React End-to-End Testing with Playwright Introduction
All Course Lessons (36)
#Lesson TitleDurationAccess
1
React End-to-End Testing with Playwright Introduction Demo
01:09
2
Fundamentals Intro
05:25
3
Install & configure - Problem
00:39
4
Install & configure - Solution
07:34
5
Running the app - Problem
00:52
6
Running the app - Solution
07:30
7
Custom fixtures - Problem
01:12
8
Custom fixtures - Solution
07:08
9
Fundamentals Outro
00:24
10
Authentication Intro
01:29
11
Basic - Problem
01:20
12
Basic - Solution
08:20
13
Two-factor authentication - Problem
00:57
14
Two-factor authentication - Solution
06:33
15
Passkeys - Problem
01:02
16
Passkeys - Solution
11:34
17
Protected logic - Problem
00:37
18
Protected logic - Solution
15:00
19
Authentication Outro
00:21
20
Guides Introduction
01:21
21
Mock database - Problem
00:58
22
Mock database - Solution
07:01
23
Test data - Problem
00:44
24
Test data - Solution
07:33
25
Recording tests - Problem
00:43
26
Recording tests - Solution
05:33
27
API mocking - Problem
02:09
28
API mocking - Solution
13:56
29
Guides Outro
00:18
30
Debugging Introduction
01:01
31
UI mode - Problem
01:03
32
UI mode - Solution
05:15
33
Trace viewer - Problem
01:48
34
Trace viewer - Solution
06:57
35
Debugging Outro
00:23
36
Outro
00:30
Unlock unlimited learning

Get instant access to all 35 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

What courses are similar to React End-to-End Testing with Playwright?

More courses by Artem Zakharchenko

Frequently asked questions

What prerequisites should I have before enrolling in this course?
Before enrolling in this course, you should have a basic understanding of React and familiarity with JavaScript. Some experience with testing frameworks and continuous integration/continuous deployment (CI/CD) processes would be beneficial, but not mandatory. The course is designed for developers who are eager to master end-to-end testing practices using Playwright.
What projects or skills will I develop during the course?
During the course, you will learn to set up and configure Playwright for local development, optimize test runtimes in CI/CD environments, and create a scalable test project structure. You'll practice designing reliable tests using locators and type-safe fixtures, implement advanced authentication processes, and handle test data and mock environments effectively.
Who is the target audience for this course?
This course is aimed at frontend and fullstack developers who wish to advance their skills in end-to-end testing of React applications. It is ideal for those who want to transition from using fragile tests to adopting a professional, scalable approach using Playwright.
How does this course compare in depth and scope to other testing courses?
This course offers a comprehensive exploration of React end-to-end testing with Playwright, covering both the theoretical and practical aspects. Unlike other courses that may only touch on basic testing practices, it delves into advanced topics such as type-safe fixtures, two-factor authentication, and debugging techniques using UI Mode and Trace Viewer.
What specific tools or platforms will I learn to use?
You will learn to effectively use Playwright for testing React applications. The course covers Playwright's setup and integration, its use in local development and CI/CD environments, and how to leverage its debugging tools like UI Mode and Trace Viewer for analyzing test failures.
What topics are not covered in this course?
The course does not cover basic React development or general JavaScript programming, as it assumes familiarity with these topics. It also does not delve into other testing frameworks outside of Playwright, focusing solely on its application for end-to-end testing.
How much time should I expect to commit to this course?
The course consists of 36 lessons, each designed to build on the previous one. While the total runtime is not specified, you should anticipate dedicating several hours per week to watch lessons, complete exercises, and practice the concepts on real projects for optimal learning outcomes.