Convert tests to JSX.

Author: timdorr

Diff for: .babelrc

@@ -1,3 +1,3 @@
 {
-    "presets": ["es2015", "stage-1"]
+    "presets": ["es2015", "react", "stage-1"]
 }

Diff for: package.json

@@ -43,6 +43,7 @@
     "babel-loader": "^6.2.0",
     "babel-polyfill": "^6.3.14",
     "babel-preset-es2015": "^6.3.13",
+    "babel-preset-react": "^6.5.0",
     "babel-preset-stage-1": "^6.3.13",
     "babel-register": "^6.4.3",
     "eslint": "^1.10.3",

Diff for: test/_createSyncTest.js

@@ -243,22 +243,14 @@ export default function createTests(createHistory, name, reset = defaultReset) {
           history.push('/foo')
 
           ReactDOM.render(
-            React.createElement(Provider, { store },
-              React.createElement(Router, { history },
-                React.createElement(Route,
-                  {
-                    path: '/',
-                    component: props => React.createElement('span', {}, props.children)
-                  },
-                  [ 'foo', 'bar' ].map(path =>
-                    React.createElement(Route, {
-                      path: path,
-                      component: () => React.createElement('span', {}, `at /${path}`)
-                    })
-                  )
-                )
-              )
-            ),
+            <Provider store={store}>
+              <Router history={history}>
+                <Route path="/" component={props => (<span>{props.children}</span>)}>
+                  <Route path="foo" component={() => (<span>at /foo</span>)} />
+                  <Route path="bar" component={() => (<span>at /bar</span>)} />
+                </Route>
+              </Router>
+            </Provider>,
             rootElement
           )
           expect(rootElement.textContent).toEqual('at /foo')
@@ -271,23 +263,14 @@ export default function createTests(createHistory, name, reset = defaultReset) {
           history.push('/foo')
 
           ReactDOM.render(
-            React.createElement(Provider, { store },
-              React.createElement(Router, { history }, [
-                React.createElement(Route, {
-                  path: '/',
-                  component: props => React.createElement('span', {}, props.children)
-                }, [
-                  React.createElement(Route, {
-                    path: 'foo',
-                    onEnter: (nextState, replace) => replace('/bar')
-                  }),
-                  React.createElement(Route, {
-                    path: 'bar',
-                    component: () => React.createElement('span', {}, [ 'at /bar' ])
-                  })
-                ])
-              ])
-            ),
+            <Provider store={store}>
+              <Router history={history}>
+                <Route path="/" component={props => (<span>{props.children}</span>)}>
+                  <Route path="foo" onEnter={(nextState, replace) => replace('/bar')} />
+                  <Route path="bar" component={() => (<span>at /bar</span>)} />
+                </Route>
+              </Router>
+            </Provider>,
             rootElement
           )
           expect(rootElement.textContent).toEqual('at /bar')