Approaches to mocking React-router and Redux store

mock-router-and-redux.js

import { mount } from 'enzyme';
import React from 'react';
import { createMockStore } from 'redux-test-utils';
import { Provider } from 'react-redux';
import { Router } from 'react-router-dom';
import createHistory from 'history/createHashHistory';
import PropTypes from 'prop-types';

export const mountWithRouterAndStore = (Component, storeState = {}) => {
  const store = createMockStore(storeState);
  const history = createHistory();
  
  return mount(
    <Provider store={store}>
      <Router history={history}>{Component}</Router>
    </Provider>
  );
};

export function mountWithRouterAndStore2(Component, storeState = {}) {
  const store = createMockStore(storeState);
  const history = createHistory();

  const options = {
    context: { store, router: { history, route: { location: {} } } },
    childContextTypes: {
      store: PropTypes.object.isRequired,
      router: PropTypes.object.isRequired
    }
  };

  return mount(Component, options);
}

const reduxState = {foo: 'bar'};
const wrapper = mountWithRouterAndStore(<MyComponent />, reduxState);