Learning Redux

Reducers with async actions

To be able to test reducers with asynchronous actions, we need to create a store with the thunk middleware. Furthermore, we also need to mock HTTP requests via nock;

1. We start by installing nock via npm:

npm install --save-dev nock

2. Then, we import the required functions to create a store with the thunk middleware, as well as nock to mock HTTP requests. Create a new __tests__/reducers/users.test.js file with the following contents:

import { createStore, applyMiddleware } from 'redux'import thunk from 'redux-thunk'import nock from 'nock'

3. We also import the fetchUser action creator and the usersReducer (which we want to test):

import { fetchUser } from '../../src/actions'import usersReducer from '../../src/reducers/users' ...