mount.js

import { mount as enzymeMount } from 'enzyme';
import createHistory from 'history/createMemoryHistory';
import React from 'react';
import { Provider } from 'react-redux';
import { ConnectedRouter } from 'react-router-redux';
import Immutable from 'seamless-immutable';

import initialize from 'src/store/initialize';

/**
 * Given a component, mounts it inside of Enzyme.
 *
 * @param  {Node} component A React node to mount.
 * @param  {Object} state   The default state to use in the Redux store.
 *
 * @return {Object} The mounted Enzyme object.
 */
export default function mount(component, state = {}) {
  let entry = '/';
  if (state.location) entry = `${state.location.pathname || '/'}${state.location.search}`;
  
  const history = createHistory({
    initialEntries: [entry],
  });
  
  const store = initialize(Immutable.from(state), history);
  
  return enzymeMount(
    <Provider store={store}>
      <ConnectedRouter history={history}>
        {component}
      </ConnectedRouter>
    </Provider>
  );
}