Currently Empty: $0.00
- Description
- Curriculum
- FAQ
- Reviews
Congratulations! You’ve found the most popular, most complete, and most up-to-date resource online for learning how to test React apps with React Testing Library and Jest!
Thousands of other engineers have learned how to test, and you can too. This course uses a time-tested, battle-proven method to make sure you understand exactly how testing works, and will get you a new job working as a software engineer or help you build that app you’ve always been dreaming about.
The difference between this course and all the others: you will understand the design patterns used by top companies to test the largest React apps around.
Testing is used to verify your code works as expected. This provides a set of unique benefits to any frontend:
-
Author smaller, easier to understand codebases
-
Deploy your code with confidence that it will behave correctly
-
Test each portion of your app separately – limit the chance of interrupting your users
-
Allow each of your engineering teams to work independently
-
Change your codebase without worrying about breaking an existing feature
Testing is a popular topic, but there is a lot of misinformation online. This course has been developed with input from top engineers to ensure total technical accuracy.
———————-
What will you build?
This course focuses on testing components in a variety of different environments. You will begin by writing tests for a small mini-project, just to get some quick initial experience. From there, you’ll learn about React Testing Library and all of its functionality by building a series of interactive cheatsheets. You can use these cheatsheets as a future reference to easily remember the intricacies of testing. Finally, you’ll add tests to a rather large React app, complete with authentication, data fetching, and navigation.
Here’s a partial list of some of the topics you’ll cover:
-
Customize your test environment by writing custom Jest matchers
-
Learn how to debug your tests by fixing many bugs
-
Run tests faster by implementing a fake data-fetching process
-
Understand best practices by working on a large React project
-
See an exhaustive list of all the functionality packed into React Testing Library
-
Enhance your element-selecting powers by using the ARIA Role system
-
Get experience testing authentication and routing
-
Write more efficient tests by learning dozens of testing shortcuts
-
Finally understand the most mysterious function in React – the ‘act’ function!
-
Learn multiple ways of handling third-party libraries in a test environment
-
Use Jest to ‘mock’ functions and libraries
I spent the early years of my software engineering career writing tests non-stop. Every single day, I practiced Test Driven Development to write thousands of lines of code while being mentored by top industry engineers. Let me share this knowledge with you. Testing is one of the topics I am most passionate about, and I want you to get as excited as I am. Sign up today and join me!
A Whirlwind Overview of Testing
Understanding Element Roles
-
5Project Setup
-
6Quick Note
-
7Adding the Form
-
8Handling User Input
-
9Rendering the List of Users
-
10Completed Users Project
-
11Our First Test
-
12Element Query System
-
13Understanding ARIA Roles
-
14Understanding Jest Matchers
-
15test was not wrapped in act(...) Warning and Test Failure
-
16Simulating User Events
-
17Recording Function Calls
-
18Introducing Mock Functions
-
19Querying Elements by Labels
-
20Testing the UserList
-
21Getting Help with Query Functions
-
22Query Function Escape Hatches
-
23Another Query Function Fallback
-
24Testing Table Contents
-
25Avoiding BeforeEach
-
26Reminder on Async Await and act Warnings
-
27Testing the Whole App
-
28A Touch of Test Driven Development
-
29Feature Implementation
Finding Elements with Query Functions
Query Function Suffixes
Matchers in Jest
Big Project Overview
The Mysterious 'Act' Function!
Handling Data Fetching in Tests
-
60Another Bug!
-
61Analyzing the Data... Again!
-
62Adding Router Context
-
63Unexpected State Updates
-
64Act Included with React Testing Library
-
65Using Act (Hopefully Not!) with RTL
-
66Solving the Act Warning
-
67Module Mocks
-
68Absolute Last Ditch Act Solution
-
69Checking the Link Href
-
70Implementing the Feature
-
71Checking the Icon
-
72Checking the Link
Tests Around Authentication
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
Stars 5
1844
Stars 4
737
Stars 3
128
Stars 2
20
Stars 1
11