use enzyme in tests (resolves reduxjs#1481)

Author: fshowalter

examples/counter/package.json

@@ -4,7 +4,7 @@
   "description": "Redux counter example",
   "scripts": {
     "start": "node server.js",
-    "test": "cross-env NODE_ENV=test mocha --recursive --compilers js:babel-register --require ./test/setup.js",
+    "test": "cross-env NODE_ENV=test mocha --recursive --compilers js:babel-register",
     "test:watch": "npm test -- --watch"
   },
   "repository": {
@@ -30,9 +30,9 @@
     "babel-preset-react-hmre": "^1.0.1",
     "babel-register": "^6.3.13",
     "cross-env": "^1.0.7",
+    "enzyme": "^2.0.0",
     "expect": "^1.6.0",
     "express": "^4.13.3",
-    "jsdom": "^5.6.1",
     "mocha": "^2.2.5",
     "node-libs-browser": "^0.5.2",
     "react-addons-test-utils": "^0.14.7",

examples/counter/test/components/Counter.spec.js

@@ -1,63 +1,64 @@
 import expect from 'expect'
 import React from 'react'
-import TestUtils from 'react-addons-test-utils'
+import { shallow } from 'enzyme'
 import Counter from '../../components/Counter'
 
 function setup(value = 0) {
   const actions = {
     onIncrement: expect.createSpy(),
     onDecrement: expect.createSpy()
   }
-  const component = TestUtils.renderIntoDocument(
+  const component = shallow(
     <Counter value={value} {...actions} />
   )
+
   return {
     component: component,
     actions: actions,
-    buttons: TestUtils.scryRenderedDOMComponentsWithTag(component, 'button'),
-    p: TestUtils.findRenderedDOMComponentWithTag(component, 'p')
+    buttons: component.find('button'),
+    p: component.find('p')
   }
 }
 
 describe('Counter component', () => {
   it('should display count', () => {
     const { p } = setup()
-    expect(p.textContent).toMatch(/^Clicked: 0 times/)
+    expect(p.text()).toMatch(/^Clicked: 0 times/)
   })
 
   it('first button should call onIncrement', () => {
     const { buttons, actions } = setup()
-    TestUtils.Simulate.click(buttons[0])
+    buttons.at(0).simulate('click')
     expect(actions.onIncrement).toHaveBeenCalled()
   })
 
   it('second button should call onDecrement', () => {
     const { buttons, actions } = setup()
-    TestUtils.Simulate.click(buttons[1])
+    buttons.at(1).simulate('click')
     expect(actions.onDecrement).toHaveBeenCalled()
   })
 
   it('third button should not call onIncrement if the counter is even', () => {
     const { buttons, actions } = setup(42)
-    TestUtils.Simulate.click(buttons[2])
+    buttons.at(2).simulate('click')
     expect(actions.onIncrement).toNotHaveBeenCalled()
   })
 
   it('third button should call onIncrement if the counter is odd', () => {
     const { buttons, actions } = setup(43)
-    TestUtils.Simulate.click(buttons[2])
+    buttons.at(2).simulate('click')
     expect(actions.onIncrement).toHaveBeenCalled()
   })
 
   it('third button should call onIncrement if the counter is odd and negative', () => {
     const { buttons, actions } = setup(-43)
-    TestUtils.Simulate.click(buttons[2])
+    buttons.at(2).simulate('click')
     expect(actions.onIncrement).toHaveBeenCalled()
   })
 
   it('fourth button should call onIncrement in a second', (done) => {
     const { buttons, actions } = setup()
-    TestUtils.Simulate.click(buttons[3])
+    buttons.at(3).simulate('click')
     setTimeout(() => {
       expect(actions.onIncrement).toHaveBeenCalled()
       done()