Added tests

Tom910 · Tom910 · commit 30ea9c9de329 · 2016-08-31T00:18:12.000+03:00
diff --git a/package.json b/package.json
@@ -17,8 +17,9 @@
     "build:lib": "babel src --out-dir lib",
     "build:dist": "webpack src/index.js dist/react-async-loading.min.js",
     "build:example": "webpack --config ./example/webpack.config.js",
+    "test": "ava --verbose",
     "clean": "rimraf lib dist",
-    "prepublish": "npm run clean && npm run build"
+    "prepublish": "npm run test && npm run clean && npm run build"
   },
   "repository": {
     "type": "git",
@@ -29,13 +30,22 @@
     "dist",
     "src"
   ],
+  "ava": {
+    "require": "./test/helpers/setup-test-env.js",
+    "babel": "inherit"
+  },
   "devDependencies": {
+    "ava": "0.16.0",
     "babel-cli": "6.14.0",
     "babel-core": "6.14.0",
     "babel-loader": "6.2.5",
     "babel-preset-es2015": "6.14.0",
     "babel-preset-react": "6.11.1",
+    "babel-register": "6.14.0",
+    "enzyme": "2.4.1",
+    "jsdom": "9.4.5",
     "react": "15.3.1",
+    "react-addons-test-utils": "15.3.1",
     "react-dom": "15.3.1",
     "rimraf": "2.5.4",
     "webpack": "2.1.0-beta.21"
diff --git a/test/asyncComponent.js b/test/asyncComponent.js
@@ -0,0 +1,35 @@
+import test from 'ava';
+import React from 'react';
+import { mount, shallow } from 'enzyme';
+import asyncComponent from '../src/asyncComponent.js';
+
+const TestComponent = () => <div className='test-component'>TEST</div>;
+
+test('asyncComponent: Test placeholder', t => {
+  const Container = asyncComponent(() => Promise.resolve(null), { placeholder: <TestComponent /> });
+  const tree = shallow(<Container />);
+
+  t.true(tree.contains(<TestComponent />));
+});
+
+test('asyncComponent: Test loading module', t => {
+  const promise = Promise.resolve(TestComponent);
+  const Container = asyncComponent(() => promise);
+  const tree = mount(<Container />);
+
+  return promise.then(() => {
+    t.true(tree.contains(<TestComponent />));
+  });
+});
+
+test('asyncComponent: Test unmount', t => {
+  const promise = Promise.resolve(TestComponent);
+  const Container = asyncComponent(() => promise);
+  const tree = mount(<Container />);
+
+  tree.unmount();
+
+  return promise.then(() => {
+    t.is(tree.type(), undefined);
+  });
+});
diff --git a/test/helpers/setup-test-env.js b/test/helpers/setup-test-env.js
@@ -0,0 +1,5 @@
+require('babel-register')
+
+global.document = require('jsdom').jsdom('<body></body>')
+global.window = document.defaultView
+global.navigator = window.navigator
