CF

Testing React Apps with React Testing Library

6h 48m 20s
English
Paid

Testing React Apps with React Testing Library is a 84-lesson 6 hours 48 minutes self-paced course by Mosh Hamedani (Code with Mosh). Tired of piecing together disconnected tutorials or dealing with rambling, confusing instructors?

Course facts

Lessons
84
Duration
6 hours 48 minutes
Level
All levels
Language
English
Updated
Instructor
Mosh Hamedani (Code with Mosh)
Price
Premium

Tired of piecing together disconnected tutorials or dealing with rambling, confusing instructors? This course is for you! It's perfectly structured into a series of bite-sized, easy-to-follow videos that cover both theory and practice.

  1. Master the fundamentals of testing React applications with React Testing Library.
  2. Write maintainable, robust, and trustworthy tests that consistently deliver value.
  3. Efficiently mock API responses with Mock Service Worker (MSW).
  4. Mock data using @mswjs/data and @faker-js.
  5. Simulate user events in a test environment.
  6. Dive into advanced testing techniques involving authentication, state management, routing, etc.
  7. Master refactoring techniques that pros use to make their code more readable and maintainable.
  8. Learn from real-world examples and exercises that prepare you for the job.
  9. Use ESLint to catch code quality issues early.

Who teaches Testing React Apps with React Testing Library? Mosh Hamedani (Code with Mosh)

Mosh Hamedani (Code with Mosh) thumbnail

Mosh Hamedani is the founder of Code with Mosh, one of the highest-volume independent online instructors in software education. He has been publishing courses continuously since the early Udemy era and has taught over a million students across his Udemy catalog and his standalone Code with Mosh platform. His teaching style is patient, rigorously structured, and deliberately beginner-tolerant — the courses are widely cited as some of the most accessible introductions to their respective topics.

The Code with Mosh catalog covers an unusually wide span: web development with HTML / CSS / JavaScript / React / Angular / Node.js, Python and Django, C# and .NET, mobile development with React Native and Flutter, SQL and database fundamentals, and the algorithm / data-structure interview prep tracks. Few independent instructors maintain this much breadth at consistent quality.

The CourseFlix listing under this source carries over 35 Code with Mosh courses spanning that range. Material is paid; Code with Mosh runs on per-course pricing on the original platform. Courses are aimed primarily at developers picking up a new technology from a clean start through to working production proficiency.

What lessons are included in Testing React Apps with React Testing Library?

This is a demo lesson (10:00 remaining)

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

View Pricing
0:00
/
#1: Introduction
All Course Lessons (84)
#Lesson TitleDurationAccess
1
Introduction Demo
01:23
2
Prerequisites
01:41
3
Course Structure
01:47
4
How to Take this Course
01:53
5
Setting Up the Development Environment
01:01
6
Setting Up the Starter Project
05:57
7
Setting Up Vitest
03:49
8
Setting Up React Testing Library
02:59
9
Introduction
00:59
10
What to Test
03:17
11
Testing Rendering
08:42
12
Simplifying Test Setup
03:04
13
Exercise- Testing UserAccount
05:37
14
Testing Lists
06:06
15
Exercise- Testing ProductImageGallery
04:22
16
Testing User Interactions
08:57
17
Exercise- Testing ExpandableText
11:13
18
Simplifying Tests
03:02
19
Exercise- Testing SearchBox
08:36
20
Testing Asynchronous Code
04:17
21
Exercise- Testing ToastDemo
03:50
22
Working with Component Libraries
09:48
23
Exercise- Simplifying Code
03:51
24
Exercise- Testing OrderStatusSelector
09:35
25
Is Unit Testing Worth It
01:48
26
Catching Common Issues with ESLint
02:25
27
Introduction
00:39
28
Setting Up Mock Service Worker
06:54
29
Testing Data Fetching
06:25
30
Exercise- Testing Data Fetching
12:29
31
Generating Fake Data
02:37
32
Mocking Data
10:05
33
Exercise- Mocking Data
03:04
34
Testing Errors
01:58
35
Exercise- Testing Errors
01:33
36
Testing the Loading State
05:44
37
Exercise- Testing the Loading State
00:25
38
Refactoring- Using React Query
08:36
39
Wrapping Components for Testing
03:21
40
Exercise- Using React Query
04:31
41
Exercise- Testing BrowseProductsPage
02:12
42
Exercise- Testing Loading Skeletons
10:16
43
Exercise- Testing Error Handling
05:47
44
Exercise- Testing Data Rendering
13:28
45
Exercise- Refactoring Tests
08:37
46
Exercise- Testing Filtering
07:35
47
Exercise- Refactoring Tests
10:25
48
Code Coverage
02:33
49
Exercise- Refactoring with React Query
08:20
50
Exercise- Extracting CategorySelect
06:40
51
Exercise- Extracting ProductTable
03:19
52
Introduction
00:35
53
What to Test
01:39
54
Testing Rendering
08:39
55
Exercise- Testing Initial Data
03:51
56
Exercise- Refactoring Tests
06:27
57
Exercise- Testing Focus
03:17
58
Testing Validation Rules
03:30
59
Parameterizing Tests
03:47
60
Exercise- Testing Validation Rules
03:55
61
Exercise- Extracting a Function for Filling Forms
10:47
62
Resolving the Act Warning
03:57
63
Exercise- Testing Form Submission
07:30
64
Testing Form Feedback
03:26
65
Introduction
00:36
66
What to Test
00:39
67
Exercise- Testing Components that Use Context
10:50
68
Exercise- Testing Quantity Selector
17:34
69
Exercise- Extracting Utility Functions
06:06
70
Exercise- Testing Components that Use Redux
03:30
71
Exercise- Replacing Redux with React Query
04:50
72
Introduction
00:23
73
What to Test
01:23
74
Mocking the Authentication Status
05:14
75
Exercise- Testing AuthStatus
05:06
76
Introduction
00:19
77
What to Test
00:28
78
Testing Routes
07:42
79
Extracting navigateTo
02:56
80
Exercise- Testing Routes with Parameters
03:00
81
Exercise- Testing Invalid Routes
00:51
82
Testing Protected Routes
03:01
83
Exercise- Testing ProductDetailPage
04:34
84
Course Wrap Up
00:26
Unlock unlimited learning

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

Learn more about subscription

Books

Read Book Testing React Apps with React Testing Library

#TitleTypeOpen
12- Testing Components PDF
23- Mocking APIs PDF
34- Testing Forms PDF
4Forms- Additional Exercises PDF
5Routing- Additional Exercises PDF

What courses are similar to Testing React Apps with React Testing Library?

More courses by Mosh Hamedani (Code with Mosh)

Frequently asked questions

What are the prerequisites for this course?
Before starting this course, students should have a basic understanding of JavaScript and React. The 'Prerequisites' lesson will provide guidance on what foundational knowledge is essential. Familiarity with tools like ESLint and concepts like unit testing will also be beneficial, although these are covered later in the course.
What types of projects will I be working on?
The course includes a variety of practical exercises such as testing a UserAccount component, ProductImageGallery, and SearchBox. You will also work on testing user interactions and asynchronous code through exercises like Testing ToastDemo and Testing BrowseProductsPage. These projects are designed to reinforce theoretical concepts with hands-on practice.
Who is the target audience for this course?
This course is ideal for developers who are familiar with React and want to improve their testing skills using React Testing Library. Whether you're a beginner in testing or looking to refine your skills, the course offers structured, practical guidance suitable for a range of experience levels.
What specific tools and platforms are covered?
The course focuses on tools such as React Testing Library and Vitest for testing applications. It also covers the use of Mock Service Worker for testing data fetching and ESLint for catching common issues. These tools are integral for writing effective and efficient tests in React applications.
What is not covered in this course?
The course does not cover other testing libraries like Jest or Enzyme in depth, focusing instead on React Testing Library. Additionally, it does not delve into backend testing or non-React frameworks. The lessons are specifically tailored to front-end testing within React applications.
How much time should I expect to commit to this course?
With a total of 84 lessons, you'll need to allocate sufficient time for both video content and hands-on exercises. While the exact runtime is not specified, the course is structured to allow for incremental learning, suggesting a commitment of several weeks if taken part-time.
How can the skills from this course be applied to other areas?
The testing skills gained in this course can be valuable in any React development role. Understanding how to effectively use React Testing Library and handle asynchronous code can improve code reliability and quality. These skills are transferable to other front-end frameworks, enhancing your overall capabilities as a developer.