Setup tests

cheton · cheton · commit a478686f079e · 2018-01-04T11:23:24.000+08:00
diff --git a/.travis.yml b/.travis.yml
@@ -8,9 +8,8 @@ os:
   - linux
 
 node_js:
+  - '8'
   - '6'
-  - '5'
-  - '4'
 
 before_install:
   - npm install -g npm
diff --git a/setupTests.js b/setupTests.js
@@ -0,0 +1,33 @@
+import Enzyme from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import { JSDOM } from 'jsdom';
+
+// React 16 Enzyme adapter
+Enzyme.configure({ adapter: new Adapter() });
+
+// Ignore `.styl` files
+require.extensions['.styl'] = () => {
+    return;
+};
+
+// JSDOM
+const jsdom = new JSDOM('<!doctype html><html><body></body></html>');
+const { window } = jsdom;
+
+const copyProps = (src, target) => {
+    const props = Object.getOwnPropertyNames(src)
+        .filter(prop => typeof target[prop] === 'undefined')
+        .reduce((result, prop) => ({
+            ...result,
+            [prop]: Object.getOwnPropertyDescriptor(src, prop)
+        }), {});
+    Object.defineProperties(target, props);
+};
+
+global.window = window;
+global.document = window.document;
+global.navigator = {
+    userAgent: 'node.js'
+};
+
+copyProps(window, global);
diff --git a/test/index.js b/test/index.js
@@ -1,5 +1,24 @@
+import React from 'react';
+import { mount } from 'enzyme';
 import { test } from 'tap';
+import '../setupTests';
+import Dropdown, { MenuItem } from '../src';
 
-test('noop', (t) => {
+test('<Dropdown />', (t) => {
+    const wrapper = mount((
+        <Dropdown>
+            <Dropdown.Toggle>
+            </Dropdown.Toggle>
+            <Dropdown.Menu>
+                <MenuItem></MenuItem>
+                <MenuItem></MenuItem>
+                <MenuItem></MenuItem>
+            </Dropdown.Menu>
+        </Dropdown>
+    ));
+    t.equal(wrapper.find(Dropdown).length, 1, 'should render <Dropdown /> component');
+    t.equal(wrapper.find(Dropdown.Toggle).length, 1, 'should render <Dropdown.Toggle /> component');
+    t.equal(wrapper.find(Dropdown.Menu).length, 1, 'should render <Dropdown.Menu /> component');
+    t.equal(wrapper.find(MenuItem).length, 3, 'should render <MenuItem /> component');
     t.end();
 });
