Testing React Apps with Jest and React Testing Library

Gain insights into writing automated tests for React apps with Jest and React Testing Library. Learn about simulating user interactions and testing asynchronous parts to enhance app reliability.

Intermediate

52 Lessons

16h

Certificate of Completion

Gain insights into writing automated tests for React apps with Jest and React Testing Library. Learn about simulating user interactions and testing asynchronous parts to enhance app reliability.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

89 Playgrounds

7 Quizzes

This course includes

89 Playgrounds

7 Quizzes

Course Overview

The skills acquired from this course will allow you to write automated tests on your React app using Jest and React Testing Library, which are the de-facto testing tools for React. These tests will allow you to ship new versions of your app with confidence. The tests will also allow you to increase your release frequency, allowing you to get features to your customers quicker. You will learn how to write robust tests that are resilient to breaking when code is improved and refactored, reducing maintenance ...Show More

TAKEAWAY SKILLS

Javascript

Testing

Quality Assurance

React

Jest

What You'll Learn

You will learn about testing React applications with Jest.

You will get hands-on experience with the React Testing Library.

What You'll Learn

You will learn about testing React applications with Jest.

Course Content

Introduction

Get familiar with automated testing basics, different testing types, and test function examples.

Introduction to Automated Testing

Writing a Test Without Tools

Getting Started with Jest

Get started with writing, running, and debugging Jest tests, including asynchronous functions and TypeScript integration.

Writing Our First Tests with Jest

Installing and Running Jest

Writing Asynchronous Tests

Naming Tests

Debugging Tests

Determining Code Coverage

Using TypeScript with Jest

Quiz Yourself on Jest

Using Matchers

Examine matchers in Jest for comprehensive testing, including equality, errors, strings, arrays, and snapshots.

Understanding a Matcher

Checking for null and undefined

Checking for Equality

Quiz Yourself on Matchers

Getting Started with React Testing Library

Grasp the fundamentals of component testing with React Testing Library and debugging techniques.

Writing a Component Test without React Testing Library

Writing a Component Test with React Testing Library

Installing RTL and Configuring Jest for Component Testing

Debugging Component Tests

Quiz Yourself on React Testing Library

React Testing Library Queries

Dig into React Testing Library queries, their variants, form fields, images, and practical exercises.

Introduction to queries and getBy Variant

Quiz Yourself on RTL Queries

Exercise: RTL Queries

Firing Events

7 Lessons

Implement various user interactions in React applications using Jest and React Testing Library.

Mocking

8 Lessons

Master the techniques of mocking functions and modules using Jest for efficient React testing.

Testing Different Types of Components

6 Lessons

Try out testing React components, routes, custom hooks, and handling state for robust applications.

Appendix

1 Lesson

Look at the tools and steps necessary for setting up a local development environment.

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Souvik Kundu

Front-end Developer

Eric Downs

Musician/Entrepeneur

Anthony Walker

@_webarchitect_

Evan Dunbar

ML Engineer

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath