refactor imports

Author: knowbody

modules/__tests__/History-test.js

@@ -1,7 +1,7 @@
 /*eslint-env mocha */
 import expect from 'expect'
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render, unmountComponentAtNode } from 'react-dom'
 import History from '../History'
 import Router from '../Router'
 import Route from '../Route'
@@ -15,7 +15,7 @@ describe('History Mixin', function () {
   })
 
   afterEach(function () {
-    ReactDOM.unmountComponentAtNode(node)
+    unmountComponentAtNode(node)
   })
 
   it('assigns the history to the component instance', function (done) {
@@ -31,7 +31,7 @@ describe('History Mixin', function () {
       render() { return null }
     })
 
-    ReactDOM.render((
+    render((
       <Router history={history}>
         <Route path="/" component={Component} />
       </Router>

modules/__tests__/IndexLink-test.js

@@ -2,7 +2,7 @@
 /*eslint react/prop-types: 0*/
 import expect from 'expect'
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render, unmountComponentAtNode } from 'react-dom'
 import createHistory from 'history/lib/createMemoryHistory'
 import IndexRoute from '../IndexRoute'
 import IndexLink from '../IndexLink'
@@ -83,12 +83,12 @@ describe('An <IndexLink>', function () {
   })
 
   afterEach(function () {
-    ReactDOM.unmountComponentAtNode(node)
+    unmountComponentAtNode(node)
   })
 
   describe('when linking to the overview', function () {
     it('is active and other routes are not', function (done) {
-      ReactDOM.render((
+      render((
         <Router history={createHistory('/website')} routes={routes} />
       ), node, function () {
         expect(node.querySelector('#overviewLink').className).toEqual('active')
@@ -102,7 +102,7 @@ describe('An <IndexLink>', function () {
 
   describe('when linking to the contact', function () {
     it('is active and other routes are not', function (done) {
-      ReactDOM.render((
+      render((
         <Router history={createHistory('/website/contact')} routes={routes} />
       ), node, function () {
         expect(node.querySelector('#overviewLink').className).toEqual('')
@@ -116,7 +116,7 @@ describe('An <IndexLink>', function () {
 
   describe('when linking to the products', function () {
     it('is active and other routes are not', function (done) {
-      ReactDOM.render((
+      render((
         <Router history={createHistory('/website/products')} routes={routes} />
       ), node, function () {
         expect(node.querySelector('#overviewLink').className).toEqual('')
@@ -130,7 +130,7 @@ describe('An <IndexLink>', function () {
 
   describe('when linking to a specific product', function () {
     it("is active and it's parent is also active", function (done) {
-      ReactDOM.render((
+      render((
         <Router history={createHistory('/website/products/15')} routes={routes} />
       ), node, function () {
         expect(node.querySelector('#overviewLink').className).toEqual('')

modules/__tests__/IndexRedirect-test.js

@@ -1,7 +1,7 @@
 /*eslint-env mocha */
 import expect from 'expect'
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render, unmountComponentAtNode } from 'react-dom'
 import createHistory from 'history/lib/createMemoryHistory'
 import IndexRedirect from '../IndexRedirect'
 import Router from '../Router'
@@ -15,11 +15,11 @@ describe('An <IndexRedirect>', function () {
   })
 
   afterEach(function () {
-    ReactDOM.unmountComponentAtNode(node)
+    unmountComponentAtNode(node)
   })
 
   it('works', function (done) {
-    ReactDOM.render((
+    render((
       <Router history={createHistory('/')}>
         <Route path="/">
           <IndexRedirect to="/messages" />

modules/__tests__/IndexRoute-test.js

@@ -2,7 +2,7 @@
 /*eslint react/prop-types: 0*/
 import expect from 'expect'
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render, unmountComponentAtNode } from 'react-dom'
 import createHistory from 'history/lib/createMemoryHistory'
 import IndexRoute from '../IndexRoute'
 import Router from '../Router'
@@ -28,11 +28,11 @@ describe('An <IndexRoute>', function () {
   })
 
   afterEach(function () {
-    ReactDOM.unmountComponentAtNode(node)
+    unmountComponentAtNode(node)
   })
 
   it('renders when its parent’s url matches exactly', function (done) {
-    ReactDOM.render((
+    render((
       <Router history={createHistory('/')}>
         <Route path="/" component={Parent}>
           <IndexRoute component={Child}/>
@@ -46,7 +46,7 @@ describe('An <IndexRoute>', function () {
 
   describe('nested deeply in the route hierarchy', function () {
     it('renders when its parent’s url matches exactly', function (done) {
-      ReactDOM.render((
+      render((
         <Router history={createHistory('/test')}>
           <Route path="/" component={Parent}>
             <IndexRoute component={Child}/>

modules/__tests__/Link-test.js

@@ -4,7 +4,7 @@ import assert from 'assert'
 import expect from 'expect'
 import React from 'react'
 import ReactTestUtils from 'react-addons-test-utils'
-import ReactDOM from 'react-dom'
+import { render } from 'react-dom'
 import createHistory from 'history/lib/createMemoryHistory'
 import execSteps from './execSteps'
 import Router from '../Router'
@@ -39,7 +39,7 @@ describe('A <Link>', function () {
       }
     }
 
-    ReactDOM.render((
+    render((
       <Router history={createHistory('/')}>
         <Route path="/" component={LinkWrapper} />
       </Router>
@@ -81,7 +81,7 @@ describe('A <Link>', function () {
     }
 
     it('is active when its params match', function (done) {
-      ReactDOM.render((
+      render((
         <Router history={createHistory('/hello/michael')}>
           <Route path="/" component={App}>
             <Route path="hello/:name" component={Hello} />
@@ -95,7 +95,7 @@ describe('A <Link>', function () {
     })
 
     it('is not active when its params do not match', function (done) {
-      ReactDOM.render((
+      render((
         <Router history={createHistory('/hello/michael')}>
           <Route path="/" component={App}>
             <Route path="hello/:name" component={Hello} />
@@ -136,7 +136,7 @@ describe('A <Link>', function () {
 
       const execNextStep = execSteps(steps, done)
 
-      ReactDOM.render((
+      render((
         <Router history={createHistory('/goodbye')} onUpdate={execNextStep}>
           <Route path="/" component={LinkWrapper}>
             <Route path="goodbye" component={Goodbye} />
@@ -174,7 +174,7 @@ describe('A <Link>', function () {
 
       const execNextStep = execSteps(steps, done)
 
-      ReactDOM.render((
+      render((
         <Router history={createHistory('/goodbye')} onUpdate={execNextStep}>
           <Route path="/" component={LinkWrapper}>
             <Route path="goodbye" component={Goodbye} />
@@ -210,7 +210,7 @@ describe('A <Link>', function () {
 
       const execNextStep = execSteps(steps, done)
 
-      ReactDOM.render((
+      render((
         <Router history={createHistory('/goodbye')} onUpdate={execNextStep}>
           <Route path="/" component={LinkWrapper}>
             <Route path="hello" component={Hello} />
@@ -251,7 +251,7 @@ describe('A <Link>', function () {
 
       const execNextStep = execSteps(steps, done)
 
-      ReactDOM.render((
+      render((
         <Router history={createHistory('/goodbye')} onUpdate={execNextStep}>
           <Route path="/" component={LinkWrapper}>
             <Route path="goodbye" component={Goodbye} />
@@ -275,7 +275,7 @@ describe('A <Link>', function () {
         }
       }
 
-      ReactDOM.render((
+      render((
         <Router history={createHistory('/')}>
           <Route path="/" component={LinkWrapper} />
           <Route path="/hello" component={Hello} />
@@ -306,7 +306,7 @@ describe('A <Link>', function () {
 
       const execNextStep = execSteps(steps, done)
 
-      ReactDOM.render((
+      render((
         <Router history={createHistory('/')} onUpdate={execNextStep}>
           <Route path="/" component={LinkWrapper} />
           <Route path="/hello" component={Hello} />

modules/__tests__/Redirect-test.js

@@ -1,7 +1,7 @@
 /*eslint-env mocha */
 import expect from 'expect'
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render, unmountComponentAtNode } from 'react-dom'
 import createHistory from 'history/lib/createMemoryHistory'
 import Redirect from '../Redirect'
 import Router from '../Router'
@@ -15,11 +15,11 @@ describe('A <Redirect>', function () {
   })
 
   afterEach(function () {
-    ReactDOM.unmountComponentAtNode(node)
+    unmountComponentAtNode(node)
   })
 
   it('works', function (done) {
-    ReactDOM.render((
+    render((
       <Router history={createHistory('/notes/5')}>
         <Route path="/messages/:id" />
         <Redirect from="/notes/:id" to="/messages/:id" />
@@ -31,7 +31,7 @@ describe('A <Redirect>', function () {
   })
 
   it('works with relative paths', function (done) {
-    ReactDOM.render((
+    render((
       <Router history={createHistory('/nested/route1')}>
         <Route path="nested">
           <Route path="route2" />
@@ -45,7 +45,7 @@ describe('A <Redirect>', function () {
   })
 
   it('works with relative paths with param', function (done) {
-    ReactDOM.render((
+    render((
       <Router history={createHistory('/nested/1/route1')}>
         <Route path="nested/:id">
           <Route path="route2" />

modules/__tests__/RouteComponent-test.js

@@ -1,7 +1,7 @@
 /*eslint-env mocha */
 import expect from 'expect'
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render, unmountComponentAtNode } from 'react-dom'
 import createHistory from 'history/lib/createMemoryHistory'
 import Router from '../Router'
 
@@ -13,7 +13,7 @@ describe('a Route Component', function () {
   })
 
   afterEach(function () {
-    ReactDOM.unmountComponentAtNode(node)
+    unmountComponentAtNode(node)
   })
 
   it('injects the right props', function (done) {
@@ -40,7 +40,7 @@ describe('a Route Component', function () {
       expect(props.routes).toEqual([ parent, child ])
     }
 
-    ReactDOM.render((
+    render((
       <Router history={createHistory('/child')} routes={parent}/>
     ), node, done)
   })