init

.babelrc

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

dis/index.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var SomeClass = function (_React$Component) {
+  _inherits(SomeClass, _React$Component);
+
+  function SomeClass() {
+    _classCallCheck(this, SomeClass);
+
+    return _possibleConstructorReturn(this, Object.getPrototypeOf(SomeClass).apply(this, arguments));
+  }
+
+  _createClass(SomeClass, [{
+    key: 'render',
+    value: function render() {
+      return _react2.default.createElement(
+        'h1',
+        null,
+        'Hello'
+      );
+    }
+  }]);
+
+  return SomeClass;
+}(_react2.default.Component);
+
+exports.default = SomeClass;

dis/test/index-test.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var _expect = require('expect');
+
+var _expect2 = _interopRequireDefault(_expect);
+
+var _ = require('../');
+
+var _2 = _interopRequireDefault(_);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactAddonsTestUtils = require('react-addons-test-utils');
+
+var _reactAddonsTestUtils2 = _interopRequireDefault(_reactAddonsTestUtils);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('SomeClass', function () {
+  it('should render SomeClass', function () {
+    var someClass = _reactAddonsTestUtils2.default.renderIntoDocument(_react2.default.createElement(_2.default, null));
+    (0, _expect2.default)(someClass).toExist();
+  });
+});

karma.conf.js

@@ -13,6 +13,11 @@ module.exports = function (config) {
     reporters: [ 'dots' ], //report results in this format
     webpack: { //kind of a copy of your webpack config
       devtool: 'inline-source-map', //just do inline source maps instead of the default
+      externals: {
+          'jsdom': 'window',
+          'cheerio': 'window',
+          'react/lib/ExecutionEnvironment': true
+      },
       module: {
         loaders: [
           {
@@ -22,10 +27,17 @@ module.exports = function (config) {
             query: {
               presets: ['es2015', 'react']
             }
-           }
+          },
+          {test: /\.json$/, loaders: ['json']},
         ]
       }
     },
+    browserify: {
+        debug: true,
+        configure: function(bundle) {
+            bundle.exclude('react/lib/ReactContext');
+        }
+    },
     webpackServer: {
       noInfo: true //please don't spam the console when running in karma!
     }

package.json

@@ -6,6 +6,7 @@
   "main": "distribution/index.js",
   "scripts": {
     "test": "karma start",
+    "test-multi": "karma start --no-single-run",
     "build": "babel --presets es2015,stage-0 -d dis/ src/",
     "prepublish": "npm run build"
   },
@@ -26,7 +27,9 @@
   },
   "dependencies": {
     "babel-polyfill": "^6.1.18",
-    "classnames": "^2.1.3"
+    "classnames": "^2.1.3",
+    "react": "^15.2.1",
+    "react-dom": "^15.2.1"
   },
   "devDependencies": {
     "babel-cli": "^6.1.18",
@@ -37,14 +40,17 @@
     "babel-preset-stage-0": "^6.1.18",
     "babel-register": "^6.9.0",
     "chance": "^1.0.3",
+    "enzyme": "^2.4.1",
     "expect": "^1.20.1",
+    "json-loader": "^0.5.4",
     "karma": "^0.13.22",
     "karma-chrome-launcher": "^1.0.1",
     "karma-cli": "^1.0.0",
     "karma-mocha": "^1.0.1",
     "karma-sourcemap-loader": "^0.3.7",
     "karma-webpack": "^1.7.0",
     "mocha": "^2.3.0",
+    "react-addons-test-utils": "^15.2.1",
     "webpack": "^1.13.1"
   }
 }

src/index.js

@@ -1,5 +1,12 @@
-export default class SomeClass {
-  static someFunction() {
-    console.log("Hello World");
+import React from 'react';
+
+class SomeClass extends React.Component {
+  componentDidMount() {
+  }
+  render() {
+    return (
+      <h1>Hello</h1>
+    );
   }
 }
+module.exports = SomeClass;

src/test/index-test.js

@@ -1,8 +1,11 @@
 import expect from 'expect';
 import SomeClass from '../';
+import React from 'react';
+import { mount, shallow } from 'enzyme';
 
-describe("SomeClass", () => {
-  it("should call someFunction()", () => {
-    SomeClass.someFunction();
-  })
-})
+describe('SomeClass', () => {
+  it('should render SomeClass', () => {
+    const wrapper = mount(<SomeClass />);
+    // expect(SomeClass.prototype.componentDidMount.calledOnce).to.equal(true);
+  });
+});