fix: test

README.md

@@ -33,6 +33,7 @@ function render() {
 ## Style
 
 ```less
+@import "@rsuite/document-nav/lib/less/index.less";
 @doc-nav-active-color: #34c3ff;
 ```
 
@@ -95,10 +96,10 @@ function render() {
       <div className="row">
         <div className="col col-md-4">
           <Nav>
-            <NavItem anchor="h-3" title="二级标题---2">
-                <NavItem anchor="h-3-1" title="三级标题">
-              </NavItem>
-              <NavItem anchor="h-4" title="二级标题---3" />
+            <Nav.Item anchor="h-3" title="二级标题---2">
+                <Nav.Item anchor="h-3-1" title="三级标题">
+              </Nav.Item>
+              <Nav.Item anchor="h-4" title="二级标题---3" />
           </Nav>
         </div>
         <div className="col col-md-20">

__tests__/createNavItemsSpec.js

@@ -1,7 +1,11 @@
 import React from 'react';
-import { shallow, mount, render } from 'enzyme';
+import Enzyme, { shallow, mount, render } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import createNavItems from '../src/utils/createNavItems';
 
+Enzyme.configure({ adapter: new Adapter() });
+
+
 describe('createNavItems test', () => {
   it('list length is 0', () => {
     expect(createNavItems([])).toBeNull();

__tests__/navItemSpec.js

@@ -1,7 +1,10 @@
 import React from 'react';
-import { shallow, mount, render } from 'enzyme';
+import Enzyme, { shallow, mount, render } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import NavItem from '../src/NavItem';
 
+Enzyme.configure({ adapter: new Adapter() });
+
 describe('NavItem test', () => {
   const navItem = mount(
     <NavItem

__tests__/pageNavSpec.js

@@ -1,30 +1,35 @@
-
 import React from 'react';
-import { findDOMNode } from 'react-dom'
-import { mount } from 'enzyme';
+import { findDOMNode } from 'react-dom';
+import Enzyme, { shallow, mount, render } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 import { Nav, Content, NavProvider, NavItem } from '../src';
 
+Enzyme.configure({ adapter: new Adapter() });
+
 describe('Nav test with auto', () => {
   const wrapper = mount(
-    <NavProvider>
-      <Nav />
-      <Content>
-        <h2 id="h2-2">二级标题</h2>
-      </Content>
-    </NavProvider>
+    <div>
+      <NavProvider>
+        <Nav />
+        <Content>
+          <h2 id="h2-2">二级标题</h2>
+        </Content>
+      </NavProvider>
+    </div>
   );
 
   const instance = findDOMNode(wrapper.instance());
 
   it('nav should be render', () => {
-    expect(wrapper.find('.page-nav').exists()).toEqual(true);
+    expect(wrapper.find('.document-nav').exists()).toEqual(true);
   });
 
   it('href == id', () => {
-    const href =  instance.querySelector('.nav-link').getAttribute('href').replace('#', '');
+    const href = instance
+      .querySelector('.nav-link')
+      .getAttribute('href')
+      .replace('#', '');
     const id = instance.querySelector('h2').id;
     expect(href === id).toEqual(true);
   });
-
 });
-

package.json

@@ -74,7 +74,8 @@
     "codecov": "^2.2.0",
     "coveralls": "^3.0.0",
     "css-loader": "^0.23.1",
-    "enzyme": "^2.7.1",
+    "enzyme": "^3.9.0",
+    "enzyme-adapter-react-16": "^1.9.1",
     "es5-shim": "^4.1.14",
     "eslint": "^3.19.0",
     "eslint-config-airbnb": "^15.0.1",