Toggle navigation
Net Ninja Pro
All Courses
Community
YouTube Channel
Login
Sign Up
Autoplay
Autocomplete
Previous Lecture
Complete and continue
Testing Next.js (React) Apps
React Component Testing Basics
1 - Introduction & Starter Project (9:31)
2 - Vitest & React Testing Library Setup (8:22)
3 - Your First React Component Test (12:50)
4 - Additional DOM Matchers (3:57)
5 - Setup File & Globals (2:54)
6 - Testing Lists of Elements (8:56)
7 - Testing a Card Component (5:11)
8 - getBy vs queryBy (3:13)
9 - Testing a Button Component (5:44)
User Events & Interactions
10 - Installing the User Event Library (1:16)
11 - Testing Click Events (6:56)
12 - Making a Setup Function (8:29)
13 - CHALLENGE - Testing Conditional Code (7:36)
Testing Forms
14 - Querying Form Elements (10:14)
15 - Testing Email Input & Validation (3:53)
16 - Testing Password Input & Validation (3:36)
17 - Testing the Submit Button (4:05)
18 - Testing Form Submission (7:22)
Mocking API Calls
20 - Setting up MSW (9:32)
19 - Why Mock API Calls? (1:31)
21 - Testing the Handler Functions (6:57)
22 - Testing the Books Page (6:43)
23 - Overwriting Handler Functions (5:26)
24 - Testing Loading State (3:52)
25 - Testing Error State (3:24)
Mocking Next.js Navigation
26 - Mocking Next Navigation (3:39)
27 - Testing the Push Method (5:11)
28 - Mocking useParams (5:28)
29 - Mocking notFound (6:25)
7 - Testing a Card Component
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock
