React Testing Library and Jest: The Complete Guide
- Descripción
- Currículum
- Reseñas
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!
-
5Project SetupVideo lesson
-
6Quick NoteText lesson
-
7Adding the FormVideo lesson
-
8Handling User InputVideo lesson
-
9Rendering the List of UsersVideo lesson
-
10Completed Users ProjectText lesson
-
11Our First TestVideo lesson
-
12Element Query SystemVideo lesson
-
13Understanding ARIA RolesVideo lesson
-
14Understanding Jest MatchersVideo lesson
-
15test was not wrapped in act(...) Warning and Test FailureText lesson
-
16Simulating User EventsVideo lesson
-
17Recording Function CallsVideo lesson
-
18Introducing Mock FunctionsVideo lesson
-
19Querying Elements by LabelsVideo lesson
-
20Testing the UserListVideo lesson
-
21Getting Help with Query FunctionsVideo lesson
-
22Query Function Escape HatchesVideo lesson
-
23Another Query Function FallbackVideo lesson
-
24Testing Table ContentsVideo lesson
-
25Avoiding BeforeEachVideo lesson
-
26Testing the Whole AppVideo lesson
-
27A Touch of Test Driven DevelopmentVideo lesson
-
28Feature ImplementationVideo lesson
-
29Introducing RTL BookVideo lesson
-
30A Few Notes on RTL BookVideo lesson
-
31Partial Role ListVideo lesson
-
32Finding Elements by RoleVideo lesson
-
33Finding by Accessible NamesVideo lesson
-
34Linking Inputs to LabelsVideo lesson
-
35Directly Assigning an Accessible NameVideo lesson
-
36Completed Roles NotebookText lesson
-
50Required Project Setup - Do Not SkipText lesson
-
51App Overview and SetupVideo lesson
-
52The Tech in This ProjectVideo lesson
-
53The Path AheadVideo lesson
-
54A Process for DebuggingVideo lesson
-
55Understanding Data Flowing Into the ComponentVideo lesson
-
56Developing a Test and a FixVideo lesson
-
57Looping Over AssertionsVideo lesson
-
58Flexible QueriesVideo lesson
-
59Another Bug!Video lesson
-
60Analyzing the Data... Again!Video lesson
-
61Adding Router ContextVideo lesson
-
62Unexpected State UpdatesVideo lesson
-
63Act Included with React Testing LibraryVideo lesson
-
64Using Act (Hopefully Not!) with RTLVideo lesson
-
65Solving the Act WarningVideo lesson
-
66Module MocksVideo lesson
-
67Absolute Last Ditch Act SolutionVideo lesson
-
68Checking the Link HrefVideo lesson
-
69Implementing the FeatureVideo lesson
-
70Checking the IconVideo lesson
-
71Checking the LinkVideo lesson
-
72Easy Fix, Hard TestVideo lesson
-
73Options for Testing Data FetchingVideo lesson
-
74Using a Request HandlerVideo lesson
-
75Initial MSW SetupVideo lesson
-
76Inspecting the Component StateVideo lesson
-
77Effective Request TestingVideo lesson
-
78An Issue with Fake HandlersVideo lesson
-
79Easier Fake Routes - Here's the GoalVideo lesson
-
80Making a Reusable Create Server FunctionVideo lesson
