added a functional test flie

Author: mac-s-g

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["react", "es2015", "stage-0"]
+}

docker/test_watch.sh

@@ -0,0 +1,17 @@
+#!/bin/bash
+# runs webpack in react container
+
+NODE_ENV=${1:-local}
+echo "Running with NODE_ENV=$NODE_ENV"
+
+# run the workbench container
+docker run \
+    -v $(pwd)/src:/react/src \
+    -v $(pwd)/example:/react/example \
+    -v $(pwd)/entrypoints:/react/entrypoints \
+    -v $(pwd)/webpack.config.js:/react/webpack.config.js \
+    -v $(pwd)/test:/react/test \
+    --rm \
+    -e NODE_ENV=$NODE_ENV \
+    --entrypoint=/react/entrypoints/test_watch.sh \
+    -t react-json-view

entrypoints/test_watch.sh

@@ -0,0 +1,11 @@
+#!/bin/bash
+# runs webpack dev server /react directory
+
+# create the build directory if it doesn't exist
+echo Creating dist dir...
+mkdir -p /react/dist || true
+
+cp /react/src/html/index.html.template /react/dist/index.html
+cd /react
+
+exec npm run test:watch

package.json

@@ -14,11 +14,11 @@
     "babel-plugin-transform-function-bind": "^6.8.0",
     "babel-plugin-transform-node-env-inline": "^6.8.0",
     "babel-plugin-react-html-attrs": "^2.0.0",
-    "babel-preset-es2015": "^6.24.0",
-    "babel-preset-react": "^6.16.0",
-    "babel-preset-stage-0": "^6.22.0",
-    "babel-preset-stage-2": "^6.22.0",
-    "babel-register": "^6.18.0",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-0": "^6.24.1",
+    "babel-preset-stage-2": "^6.24.1",
+    "babel-register": "^6.24.1",
     "chai": "^3.5.0",
     "clipboard": "^1.6.1",
     "enzyme": "^2.8.2",
@@ -27,12 +27,12 @@
     "jsdom": "^9.12.0",
     "mocha": "^3.2.0",
     "radium":"^0.18.2",
-    "react": "^15.4.2",
-    "react-addons-test-utils": "^15.4.1",
+    "react": "^15.5.4",
     "react-base16-styling": "^0.5.3",
-    "react-dom": "^15.4.2",
+    "react-dom": "^15.5.4",
     "react-hot-loader": "^3.0.0-beta.6",
     "react-icons": "^2.2.3",
+    "react-test-renderer": "^15.5.4",
     "react-tooltip": "^3.2.10",
     "webpack": "^2.2.1",
     "webpack-dev-server": "^2.3.0"
@@ -42,7 +42,8 @@
     "start": "node server.js",
     "build": "webpack --display-error-details --progress",
     "test": "./docker/test.sh",
-    "unit_test": "mocha --require ignore-styles /react/test/helpers/browser.js /react/test/*test.js /react/test/**/*test.js",
+    "test:watch": "mocha -w /react/test/helpers/browser.js /react/test/**/*test.js",
+    "unit_test": "mocha /react/test/helpers/browser.js /react/test/**/*test.js",
     "dev:hot": "webpack-dev-server"
   },
   "repository": {

test/components/DataTypes/Object-test.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { mount, shallow } from 'enzyme';
+import {expect} from 'chai';
+
+import rjvString from './../../../src/js/components/DataTypes/String';
+
+describe('<rjvString />', function () {
+  it('string component should have one child div', function () {
+    const wrapper = shallow(<rjvString />);
+    expect(wrapper).to.have.length(1);
+  });
+});

test/components/DataTypes/String-test.js

@@ -17,7 +17,11 @@ const entrypoint = process.env.NODE_ENV === 'local_example'
 
 const config = {
   entry: [entrypoint],
-  externals: {},
+  externals: {
+    'cheerio': 'window',
+    'react/lib/ExecutionEnvironment': true,
+    'react/lib/ReactContext': true,
+  },
   devServer: {
     host: '0.0.0.0',
     port: wds_port,
@@ -49,11 +53,7 @@ const config = {
           {
             loader: 'babel-loader',
             options: {
-              presets: [
-                'babel-preset-es2015',
-                'babel-preset-react',
-                'babel-preset-stage-0'
-              ].map(require.resolve),
+              presets: ['react', 'es2015', 'stage-0'],
               plugins: [
                 'transform-class-properties',
                 'transform-decorators-legacy',