chore(test): Update enzyme to 3.1.0

Author: danez

package.json

@@ -30,9 +30,18 @@
   "bugs": {
     "url": "https://github.com/reactjs/react-tabs/issues"
   },
-  "files": ["dist", "lib", "style"],
+  "files": [
+    "dist",
+    "lib",
+    "style"
+  ],
   "homepage": "https://github.com/reactjs/react-tabs",
-  "keywords": ["react", "tabs", "a11y", "react-component"],
+  "keywords": [
+    "react",
+    "tabs",
+    "a11y",
+    "react-component"
+  ],
   "peerDependencies": {
     "react": "^0.14.9 || ^15.3.0"
   },
@@ -50,7 +59,8 @@
     "conventional-github-releaser": "^1.1.12",
     "cross-env": "^5.0.0",
     "css-loader": "^0.28.0",
-    "enzyme": "^2.3.0",
+    "enzyme": "^3.1.0",
+    "enzyme-adapter-react-15": "^1.0.1",
     "eslint": "^4.5.0",
     "eslint-config-airbnb": "^15.0.1",
     "eslint-plugin-import": "^2.2.0",
@@ -80,10 +90,15 @@
     "prop-types": "^15.5.0"
   },
   "jest": {
-    "roots": ["src"],
+    "roots": [
+      "src"
+    ],
     "testRegex": "/__tests__/.+-test\\.js$"
   },
   "lint-staged": {
-    "src/**/*.js": ["eslint --fix", "git add"]
+    "src/**/*.js": [
+      "eslint --fix",
+      "git add"
+    ]
   }
 }

src/components/__tests__/Tabs-test.js

@@ -1,7 +1,8 @@
 /* eslint-env jest */
 /* eslint-disable react/no-multi-comp */
 import React from 'react';
-import { shallow, mount } from 'enzyme';
+import Enzyme, { shallow, mount } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-15';
 import renderer from 'react-test-renderer';
 import Tab from '../Tab';
 import TabList from '../TabList';
@@ -10,6 +11,8 @@ import Tabs from '../Tabs';
 import { reset as resetIdCounter } from '../../helpers/uuid';
 import { TabListWrapper, TabWrapper, TabPanelWrapper } from './helpers/higherOrder';
 
+Enzyme.configure({ adapter: new Adapter() });
+
 function expectToMatchSnapshot(component) {
   expect(renderer.create(component).toJSON()).toMatchSnapshot();
 }
@@ -34,8 +37,8 @@ function createTabs(props = {}) {
 }
 
 function assertTabSelected(wrapper, index) {
-  const tab = wrapper.childAt(0).childAt(index);
-  const panel = wrapper.childAt(index + 1);
+  const tab = wrapper.find(Tab).at(index);
+  const panel = wrapper.find(TabPanel).at(index);
 
   expect(tab.prop('selected')).toBe(true);
   expect(panel.prop('selected')).toBe(true);
@@ -76,8 +79,8 @@ describe('<Tabs />', () => {
       );
 
       wrapper
-        .childAt(0)
-        .childAt(1)
+        .find(Tab)
+        .at(1)
         .simulate('click');
 
       expect(called.index).toBe(1);
@@ -103,60 +106,61 @@ describe('<Tabs />', () => {
     test('should update selectedIndex when clicked', () => {
       const wrapper = mount(createTabs());
       wrapper
-        .childAt(0)
-        .childAt(1)
+        .find(Tab)
+        .at(1)
         .simulate('click');
 
       assertTabSelected(wrapper, 1);
     });
 
     test('should update selectedIndex when tab child is clicked', () => {
       const wrapper = mount(createTabs());
-      const tablist = wrapper.childAt(0);
-      tablist
-        .childAt(2)
-        .first()
+      wrapper
+        .find(Tab)
+        .at(2)
+        .childAt(0)
         .simulate('click');
 
       assertTabSelected(wrapper, 2);
     });
 
     test('should not change selectedIndex when clicking a disabled tab', () => {
       const wrapper = mount(createTabs({ defaultIndex: 0 }));
-
       wrapper
-        .childAt(0)
-        .childAt(3)
+        .find(Tab)
+        .at(3)
         .simulate('click');
+
       assertTabSelected(wrapper, 0);
     });
   });
 
   describe('performance', () => {
     test('should only render the selected tab panel', () => {
       const wrapper = mount(createTabs());
+      const tabPanels = wrapper.find(TabPanel);
 
-      expect(wrapper.childAt(1).text()).toBe('Hello Foo');
-      expect(wrapper.childAt(2).text()).toBe('');
-      expect(wrapper.childAt(3).text()).toBe('');
+      expect(tabPanels.at(0).text()).toBe('Hello Foo');
+      expect(tabPanels.at(1).text()).toBe('');
+      expect(tabPanels.at(2).text()).toBe('');
 
       wrapper
-        .childAt(0)
-        .childAt(1)
+        .find(Tab)
+        .at(1)
         .simulate('click');
 
-      expect(wrapper.childAt(1).text()).toBe('');
-      expect(wrapper.childAt(2).text()).toBe('Hello Bar');
-      expect(wrapper.childAt(3).text()).toBe('');
+      expect(tabPanels.at(0).text()).toBe('');
+      expect(tabPanels.at(1).text()).toBe('Hello Bar');
+      expect(tabPanels.at(2).text()).toBe('');
 
       wrapper
-        .childAt(0)
-        .childAt(2)
+        .find(Tab)
+        .at(2)
         .simulate('click');
 
-      expect(wrapper.childAt(1).text()).toBe('');
-      expect(wrapper.childAt(2).text()).toBe('');
-      expect(wrapper.childAt(3).text()).toBe('Hello Baz');
+      expect(tabPanels.at(0).text()).toBe('');
+      expect(tabPanels.at(1).text()).toBe('');
+      expect(tabPanels.at(2).text()).toBe('Hello Baz');
     });
 
     test('should render all tabs if forceRenderTabPanel is true', () => {
@@ -363,15 +367,14 @@ describe('<Tabs />', () => {
         </Tabs>,
       );
 
-      const innerTabs = wrapper.childAt(1).childAt(0);
-
-      innerTabs
-        .childAt(0)
-        .childAt(1)
+      wrapper
+        .find('Tabs.second')
+        .find(Tab)
+        .at(1)
         .simulate('click');
 
       assertTabSelected(wrapper, 0);
-      assertTabSelected(innerTabs, 1);
+      assertTabSelected(wrapper.find('Tabs.second'), 1);
     });
 
     test('should allow other DOM nodes', () => {
@@ -410,14 +413,14 @@ describe('<Tabs />', () => {
     assertTabSelected(wrapper, 0);
 
     wrapper
-      .childAt(0)
-      .childAt(1)
+      .find(Tab)
+      .at(1)
       .simulate('click');
     assertTabSelected(wrapper, 0);
 
     wrapper
-      .childAt(0)
-      .childAt(2)
+      .find(Tab)
+      .at(2)
       .simulate('click');
     assertTabSelected(wrapper, 0);
   });
@@ -435,8 +438,8 @@ describe('<Tabs />', () => {
     assertTabSelected(wrapper, 0);
 
     wrapper
-      .childAt(0)
-      .childAt(1)
+      .find(Tab)
+      .at(1)
       .simulate('click');
     assertTabSelected(wrapper, 1);
     expect(wasClicked).toBe(true);
@@ -455,8 +458,8 @@ describe('<Tabs />', () => {
     assertTabSelected(wrapper, 0);
 
     wrapper
-      .childAt(0)
-      .childAt(0)
+      .find(Tab)
+      .at(0)
       .simulate('click');
     assertTabSelected(wrapper, 0);
     expect(wasClicked).toBe(true);
@@ -473,14 +476,14 @@ describe('<Tabs />', () => {
     const wrapper = mount(<Wrap />);
 
     wrapper
-      .childAt(0)
-      .childAt(1)
+      .find(Tab)
+      .at(1)
       .simulate('click');
     assertTabSelected(wrapper, 1);
 
     wrapper
-      .childAt(0)
-      .childAt(2)
+      .find(Tab)
+      .at(2)
       .simulate('click');
     assertTabSelected(wrapper, 2);
   });