React – testing

Testing react applications with Jest and React Testing Library

This course is not just a theory and bullet points about testing React. In this course, we test real application and you will gain not just knowledge but also practice.

What you’ll learn

  • Testing React application.
  • Jest framework.
  • React Testing Library.

Course Content

  • Introduction –> 2 lectures • 11min.
  • Jest –> 9 lectures • 1hr 7min.
  • React Testing Library –> 7 lectures • 54min.
  • Testing real app –> 17 lectures • 2hr 35min.
  • Summary –> 1 lecture • 5min.

React - testing

Requirements

  • Knowing React framework.

This course is not just a theory and bullet points about testing React. In this course, we test real application and you will gain not just knowledge but also practice.

We will focus on testing web application in React. I will explain why it’s worth testing and what tools we should pick for testing react application. We will be talking about many different aspects of testing: Unit tests, integration tests, snapshots, test runner, describe, before and after tests, skip tests, loops, matchers, truthy and falsy, render component, fire event, mocking, fetching API, act, wait and many more. After this tutorial, you will be able to handle many obstacles with testing the dynamic applications in React. We will write a lot of different tests to cover different technics and ways to select certain elements and interact with them.

The first tool that we will learn will be Jest. I will show you how to run tests and write them. At this level, we will write tests without React application. We will focus on Jest only and use it as our test runner.

After we will know what is Jest and how it works, we will install our first application with React Testing Library. I will show you how that library works and what options do we have with it. We will render our components and we will trigger different events.

The main section of this tutorial will be testing the real React app. We will have a ready app, written in React and we will start using different technics to test our components. We will be using the newest trends in React like hooks with useState and useEffect. When you finish that chapter, you will know what kind of problems you might have when writing your own tests for React and more importantly, how to solve them with Jest and React Testing Library.

Get Tutorial