Render Route with enzyme shallow() proof of concept

RouteTest.js

import React from 'react';
import { Route } from 'react-router-dom';


export default class RouteTest extends React.PureComponent {
  render() {
    return (
      <div>
        <Route path="/hello" render={() => (<div>Hello world!</div>)} />
      </div>
    );
  }
}

RouteTest.test.js

import React from 'react';
import { Router, Route } from 'react-router-dom';
import createHistory from 'history/createBrowserHistory'

import RouteTest from './RouteTest';


function shallowWithRoutes(component, path) {
  const history = createHistory();

  const routeContext = {
    router: {
      history: history,
      route: {
        location: { pathname: path, }
      },
    },
  }

  return shallow(component).find(Route).dive({
    context: routeContext,
  });
};


describe('(Component) RouteTest', () => {
  it('should render hello', function () {
    const wrapper = shallowWithRoutes(
      <RouteTest />, '/hello'
    );
    expect(wrapper).toMatchSnapshot();
  });

  it('should not render hello', function () {
    const wrapper = shallowWithRoutes(
      <RouteTest />, '/goodbye'
    );
    expect(wrapper).toMatchSnapshot();
  });
});