Utils for testing react-redux applications using enzyme and jest snapshots

Usage no npm install needed!

<script type="module">
  import reactReduxTestUtils from '';



Utils for testing react-redux applications using enzyme and jest snapshots

Package Version semantic-release Downloads Status Build Status: Linux Coverage Status PRs Welcome dependencies Status devDependencies Status code style: prettier MIT License


  1. It separates between unit-testing and integration-testing and gives you tools to write both.
  2. It reduces the boilerplate.
  3. It uses a data-driven approach for unit-testing so instead of writing test logic, you define objects that describe your tests.
  4. It is very fast and easy to write tests.
  5. It comes with enzyme and uses snapshots testing.


# with npm
npm install --save-dev react-redux-test-utils

# with yarn
yarn add -D react-redux-test-utils


react-redux-test-utils allow you to write unit-testing that look like this:

/* UserProfile.test.js */
import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
import UserProfile from '../UserProfile';

const fixtures = {
  'should render UserProfile': {
    user: 'some-user',
  'should render UserProfile with avatar': {
    user: 'some-user',
    showAvatar: true,
  'should render UserProfile with posts and photos': {
    user: 'some-user',
    showPosts: true,
    showPhotos: true,

describe('UserProfile - component', () =>
  testComponentSnapshotsWithFixtures(UserProfile, fixtures));

It also provide the IntegrationTestHelper that helps with writing integration-testing:

/* __tests__/integration.test.js */
import React from 'react';
import { IntegrationTestHelper } from 'react-redux-test-utils';

import UserProfile, { reducers } from '../index';

describe('UserProfile - Integration Test', () => {
  it('should flow', () => {
    const integrationTestHelper = new IntegrationTestHelper(reducers);

    const component = integrationTestHelper.mount(
      <UserProfile user="some-user" />

    // The user-avatar should not be shown
    integrationTestHelper.takeStoreSnapshot('initial state');

    // trigger checkbox change
      .simulate('change', { target: { checked: true } });

    // The user-avatar should be shown now
      'Update to show the user-avatar'


  1. Manage your folder structure.
  2. Unit-testing components.
  3. Unit-testing redux actions.
  4. Unit-testing redux reducers.
  5. Unit-testing redux selectors.
  6. Integration-testing.


  1. generator-react-domain will help you to generate react components with domain-driven file structuring and with tests file that uses the react-redux-test-utils.


MIT © Avi Sharvit