Update visual tests to use react-router-dom

Author: v12

test/visual/ButtonVisual.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import ButtonToolbar from 'react-bootstrap/lib/ButtonToolbar';
 import Button from 'react-bootstrap/lib/Button';
-import { Link } from 'react-router';
+import { Link } from 'react-router-dom';
 
 import LinkContainer from '../../src/LinkContainer';
 
 export default () => (
   <div>
-    <Link to="home">Back to Index</Link>
+    <Link to="/home">Back to Index</Link>
     <h2>Button</h2>
 
     <h3>Baseline</h3>

test/visual/Home.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Link } from 'react-router';
+import { Link } from 'react-router-dom';
 
 export default () => (
   <div>

test/visual/ListGroupItemVisual.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ListGroup from 'react-bootstrap/lib/ListGroup';
 import ListGroupItem from 'react-bootstrap/lib/ListGroupItem';
-import { Link } from 'react-router';
+import { Link } from 'react-router-dom';
 
 import LinkContainer from '../../src/LinkContainer';
 

test/visual/MenuItemVisual.js

@@ -2,7 +2,7 @@ import React from 'react';
 import ButtonToolbar from 'react-bootstrap/lib/ButtonToolbar';
 import MenuItem from 'react-bootstrap/lib/MenuItem';
 import SplitButton from 'react-bootstrap/lib/SplitButton';
-import { Link } from 'react-router';
+import { Link } from 'react-router-dom';
 
 import LinkContainer from '../../src/LinkContainer';
 

test/visual/NavItemVisual.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import Nav from 'react-bootstrap/lib/Nav';
 import NavItem from 'react-bootstrap/lib/NavItem';
-import { Link } from 'react-router';
+import { Link } from 'react-router-dom';
 
 import LinkContainer from '../../src/LinkContainer';
 

test/visual/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import Grid from 'react-bootstrap/lib/Grid';
 import ReactDOM from 'react-dom';
-import { hashHistory, IndexRedirect, Route, Router } from 'react-router';
+import { HashRouter as Router, Route, Redirect } from 'react-router-dom';
 
 import ButtonVisual from './ButtonVisual';
 import Home from './Home';
@@ -11,33 +11,22 @@ import NavItemVisual from './NavItemVisual';
 
 import 'bootstrap/less/bootstrap.less';
 
-const propTypes = {
-  children: React.PropTypes.node.isRequired,
-};
-
-const App = ({ children }) => (
-  <Grid>
-    <h1>React-Router-Bootstrap Module Visual Test</h1>
-    {children}
-  </Grid>
-);
-
-App.propTypes = propTypes;
-
 const mountNode = document.createElement('div');
 document.body.appendChild(mountNode);
 
 ReactDOM.render(
-  <Router history={hashHistory}>
-    <Route path="/" component={App}>
-      <IndexRedirect to="/home" />
-      <Route path="home" component={Home} />
-
-      <Route path="button" component={ButtonVisual} />
-      <Route path="nav-item" component={NavItemVisual} />
-      <Route path="menu-item" component={MenuItemVisual} />
-      <Route path="list-group-item" component={ListGroupItemVisual} />
-    </Route>
+  <Router>
+    <Grid>
+      <h1>React-Router-Bootstrap Module Visual Test</h1>
+
+      <Route path="/" render={() => <Redirect to="/home" />} />
+      <Route path="/home" component={Home} />
+
+      <Route path="/button" component={ButtonVisual} />
+      <Route path="/nav-item" component={NavItemVisual} />
+      <Route path="/menu-item" component={MenuItemVisual} />
+      <Route path="/list-group-item" component={ListGroupItemVisual} />
+    </Grid>
   </Router>,
   mountNode
 );