Testing React and Redux Applications - Unit and Integration

In this lecture we will setup our development environment by installing all the tools and software we will need for this course

The starting code for our sample application is attached to this lecture. Please download it so that you are able to follow along with the course

In this lecture we will first install all the required dependencies. Then we will start our application and once it is running on our localhost, we walk through the functionalities on UI

In this lecture, we will walk through the code for our sample application written in React and Redux

In this lecture we will create our first test file

In this lecture, we will talk about the Enzyme library and the difference between shallow and mount rendering. We will then install the library and configure it with the React adapter.

In this lecture, we will write the first unit test for our react component. We will also learn how to run the test to view the results

In this lecture, we will learn how to write unit tests to cover props for our React components

In this lecture, we will write more tests that cover props for React components.

We will also write tests that use mock functions to tests different event handlers

In this lecture, we will learn about setup and tear down for our tests and test suite

In this lecture, we will learn how to write unit tests for component styles and css changes that affect our business logic

In this lecture, we will learn how to write unit tests for our action creators

In this lecture, we will do a quick recap of what we have done so far and take a look at our app architecture diagram

In this lecture, we will begin to write unit tests for our Reducers. We will also cover some of the invalid and undefined paths in our tests

In this lecture, we will talk about how we can tests the Redux store

In this lecture we will write integration tests to test our Redux store. We will cover available methods such as createStore, dispatch, and getState.

In this lecture, we will write more integration tests to test our other Reducer type in conjunction with the Redux store

In this lecture, we are going to install jsdom and jsdom global to get ready so that we can write full DOM integration tests

We are also going to install the React testing library which we will use later to do a full render of our application into the DOM

In this lecture, we are going to use the react testing library to do a full DOM render of our application and write tests by firing events and verifying the results

In this lecture we will learn how to focus on a specific test without running other tests within the same file. We will also learn how to exclude/skip tests from execution.

In this lecture we will generate and view the test coverage report to get a sense of how much coverage our tests provide and what areas are missing tests

In this lecture, we will cover what are some of the things you can do after finishing the course