Add initial tests

Author: jakezatecky

gulpfile.js

@@ -1,11 +1,12 @@
 const gulp = require('gulp');
 const eslint = require('gulp-eslint');
-const mocha = require('gulp-mocha-phantomjs');
+const mocha = require('gulp-mocha');
 const header = require('gulp-header');
 const webpack = require('webpack-stream');
 const scsslint = require('gulp-scss-lint');
 const sass = require('gulp-sass');
 const autoprefixer = require('gulp-autoprefixer');
+const babel = require('babel-core/register');
 const pkg = require('./package.json');
 const browserSync = require('browser-sync').create();
 const webpackConfig = require('./webpack.config');
@@ -20,21 +21,18 @@ gulp.task('test-script-format', () =>
 		.pipe(eslint.failOnError())
 );
 
-gulp.task('compile-test-script', () =>
-	gulp.src(['./test/index.js'])
-		.pipe(webpack(webpackConfig))
-		.pipe(gulp.dest('./test/compiled/'))
-);
-
-// Disabled for now
-gulp.task('test-mocha', ['script-compile-test'], () =>
-	gulp.src(['test/test.html'])
-		.pipe(mocha({ reporter: 'spec' }))
+gulp.task('test-mocha', ['test-script-format'], () =>
+	gulp.src(['./test/**/*.js'])
+		.pipe(mocha({
+			compilers: {
+				js: babel,
+			},
+		}))
 );
 
-gulp.task('test-script', ['test-script-format']);
+gulp.task('test', ['test-script-format', 'test-mocha']);
 
-gulp.task('build-script', ['test-script'], () =>
+gulp.task('build-script', ['test'], () =>
 	gulp.src(['./src/index.js'])
 		.pipe(webpack(webpackConfig))
 		.pipe(header(banner, { pkg }))

package.json

@@ -31,6 +31,7 @@
     "babel-preset-stage-0": "^6.5.0",
     "browser-sync": "^2.18.6",
     "chai": "^3.5.0",
+    "enzyme": "^2.7.1",
     "eslint": "^3.13.0",
     "eslint-config-airbnb": "^14.0.0",
     "eslint-plugin-import": "^2.2.0",
@@ -40,12 +41,14 @@
     "gulp-autoprefixer": "^3.1.1",
     "gulp-eslint": "^3.0.1",
     "gulp-header": "^1.8.8",
+    "gulp-mocha": "^3.0.1",
     "gulp-mocha-phantomjs": "^0.12.0",
     "gulp-sass": "^3.0.0",
     "gulp-scss-lint": "^0.4.0",
     "mocha": "^3.0.2",
-    "react": "^15.3.0",
-    "react-dom": "^15.3.0",
+    "react": "^15.4.2",
+    "react-addons-test-utils": "^15.4.2",
+    "react-dom": "^15.4.2",
     "webpack": "^1.13.1",
     "webpack-stream": "^3.2.0"
   }

test/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { assert } from 'chai';
+
+import CheckboxTree from '../src/js/Tree';
+
+describe('<CheckboxTree />', () => {
+	describe('component', () => {
+		it('should render the react-checkbox-tree container', () => {
+			const wrapper = shallow(
+				<CheckboxTree
+					checked={[]}
+					expanded={[]}
+					nodes={[]}
+					onCheck={() => {}}
+					onExpand={() => {}}
+				/>,
+			);
+
+			assert.isTrue(wrapper.find('.react-checkbox-tree').exists());
+		});
+	});
+});
+