Add missing React router in app

README.md

@@ -1,4 +1,5 @@
-# Mule Match [![Build Status][1]][2] [![Coverage Status][7]][8] [![Dependency Status][3]][4] [![Dev Dependency Status][5]][6]
+# Mule Match
+[![Build Status][1]][2] [![Coverage Status][7]][8] [![Dependency Status][3]][4] [![Dev Dependency Status][5]][6]
 
 [1]: https://travis-ci.org/mulesoft-labs/mule-match.svg?branch=master
 [2]: https://travis-ci.org/mulesoft-labs/mule-match

package.json

@@ -39,6 +39,7 @@
     "react-addons-css-transition-group": "^15.1.0",
     "react-dom": "^15.0.2",
     "react-redux": "^4.4.5",
+    "react-router": "^2.4.1",
     "redux": "^3.5.2",
     "redux-actions": "^0.10.0",
     "redux-promise": "^0.5.3",

src/App.js

@@ -1,8 +1,9 @@
 import 'babel-polyfill';
-import React              from 'react';
-import { Provider }       from 'react-redux';
-import { Home }           from 'containers';
-import { configureStore } from './store';
+import React                              from 'react';
+import { Router, Route, browserHistory }  from 'react-router';
+import { Provider }                       from 'react-redux';
+import { Home }                           from 'containers';
+import { configureStore }                 from './store';
 
 // Main component for this application
 const App = ({
@@ -11,8 +12,10 @@ const App = ({
 }) => {
   const store = configureStore({ initialState, enhancers });
   return (
-    <Provider store={store}>
-      <Home />
+    <Provider store={store} key="provider">
+      <Router history={browserHistory}>
+        <Route path="/" component={Home} />
+      </Router>
     </Provider>
   );
 };

src/Playground.js

@@ -37,12 +37,6 @@ if (module.hot) {
   module.hot.accept('./App', () => {
     setTimeout(render);
   });
-
-  // Enable Webpack hot module replacement for reducers
-  // module.hot.accept('./reducers', () => {
-  //   const nextReducer = require('./reducers/index').default;
-  //   store.replaceReducer(nextReducer);
-  // });
 }
 
 render();

test/index.js

@@ -9,6 +9,10 @@ import chaiEnzyme from 'chai-enzyme';
 const testsContext = require.context('./src/', true, /.*\.spec\.js$/);
 testsContext.keys().forEach(testsContext);
 
+// Require `src/App.js`
+const appContext = require.context('../src/', false, /App\.js$/);
+appContext.keys().forEach(appContext);
+
 // Require `src/components/index.js`
 const containersContext = require.context('../src/containers/', false, /index\.js$/);
 containersContext.keys().forEach(containersContext);

test/src/App.spec.js

@@ -0,0 +1,22 @@
+import React        from 'react';
+import { shallow }  from 'enzyme';
+import App          from 'src/App';
+
+describe('App', () => {
+  let initialState;
+  let enhancers;
+  let component;
+
+  beforeEach(() => {
+    initialState  = {};
+    enhancers     = (createStore) => createStore;
+    component     = shallow(
+      <App
+        initialState={initialState}
+        enhancers={enhancers}
+      />
+    );
+  });
+
+  it('should render a component', () => component.should.exist);
+});