update to react 0.14, add test coverage

package.json

@@ -11,10 +11,11 @@
     "firebase": "^2.2.9",
     "md5": "^2.0.0",
     "moment": "^2.10.6",
-    "react": "^0.13.3",
-    "react-inlinesvg": "^0.4.2",
-    "react-router": "1.0.0-rc1",
-    "reflux": "^0.2.12"
+    "react": "^0.14.0",
+    "react-addons-update": "^0.14.0",
+    "react-dom": "^0.14.0",
+    "react-router": "1.0.0-rc3",
+    "reflux": "^0.3.0"
   },
   "devDependencies": {
     "autoprefixer": "^6.0.2",
@@ -28,10 +29,12 @@
     "eslint-loader": "^1.0.0",
     "eslint-plugin-react": "^3.4.1",
     "html-webpack-plugin": "^1.6.1",
+    "istanbul-instrumenter-loader": "^0.1.3",
     "jsdom": "^6.5.0",
     "karma": "^0.13.9",
     "karma-chai": "^0.1.0",
     "karma-chrome-launcher": "^0.2.0",
+    "karma-coverage": "^0.5.2",
     "karma-mocha": "^0.2.0",
     "karma-mocha-reporter": "^1.1.1",
     "karma-phantomjs-launcher": "^0.2.1",
@@ -45,6 +48,7 @@
     "null-loader": "^0.1.1",
     "phantomjs": "^1.9.18",
     "postcss-loader": "^0.6.0",
+    "react-addons-test-utils": "^0.14.0",
     "react-hot-loader": "^1.3.0",
     "sass-loader": "^3.0.0",
     "sinon": "^1.16.1",

src/js/App.jsx

@@ -6,7 +6,7 @@ Author URI: http://henleyedition.com/
 
 'use strict';
 
-import React from 'react/addons';
+import React from 'react';
 import Reflux from 'reflux';
 import { Link } from 'react-router';
 

src/js/components/Comment.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React, { PropTypes } from 'react/addons';
+import React, { PropTypes } from 'react';
 import Actions from '../actions/Actions';
 
 import { Link } from 'react-router';

src/js/components/CommentForm.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React, { PropTypes } from 'react/addons';
+import React, { PropTypes } from 'react';
 import Reflux from 'reflux';
 
 import Actions from '../actions/Actions';

src/js/components/Icon.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React, { PropTypes } from 'react/addons';
+import React, { PropTypes } from 'react';
 
 const Icon = React.createClass({
     propTypes: {

src/js/components/Login.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React, { PropTypes } from 'react/addons';
+import React, { PropTypes } from 'react';
 import Actions from '../actions/Actions';
 import Spinner from '../components/Spinner';
 

src/js/components/LoginLinks.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React from 'react/addons';
+import React from 'react';
 import Actions from '../actions/Actions';
 
 const LoginLinks = React.createClass({

src/js/components/Modal.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React, { PropTypes } from 'react/addons';
+import React, { PropTypes } from 'react';
 import Icon from './Icon';
 
 const Modal = React.createClass({

src/js/components/NewPost.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React from 'react/addons';
+import React from 'react';
 import { History } from 'react-router';
 import cx from 'classnames';
 

src/js/components/Post.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React, { PropTypes } from 'react/addons';
+import React, { PropTypes } from 'react';
 import PostLink from './PostLink';
 import PostInfo from './PostInfo';
 

src/js/components/PostInfo.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React, { PropTypes } from 'react/addons';
+import React, { PropTypes } from 'react';
 import { Link } from 'react-router';
 
 import Actions from '../actions/Actions';

src/js/components/PostLink.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React, { PropTypes } from 'react/addons';
+import React, { PropTypes } from 'react';
 import hostNameFromUrl from '../util/hostNameFromUrl';
 
 const PostLink = React.createClass({

src/js/components/ProfileLink.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React, { PropTypes } from 'react/addons';
+import React, { PropTypes } from 'react';
 import Link from 'react-router/lib/Link';
 
 const ProfileLink = React.createClass({

src/js/components/Register.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React, { PropTypes } from 'react/addons';
+import React, { PropTypes } from 'react';
 import Actions from '../actions/Actions';
 import Spinner from '../components/Spinner';
 

src/js/components/Spinner.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React from 'react/addons';
+import React from 'react';
 
 const Spinner = React.createClass({
     render() {

src/js/components/Upvote.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React, { PropTypes } from 'react/addons';
+import React, { PropTypes } from 'react';
 import cx from 'classnames';
 
 import Actions from '../actions/Actions';

src/js/render.js

@@ -1,7 +1,7 @@
 'use strict';
 
 import '../scss/main.scss';
-import React from 'react/addons';
+import ReactDOM from 'react-dom';
 import routes from './routes';
 
-React.render(routes, document.getElementById('app'));
+ReactDOM.render(routes, document.getElementById('app'));

src/js/routes.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React from 'react/addons';
+import React from 'react';
 import { Router, Route, Redirect } from 'react-router';
 
 import App from './App';

src/js/stores/UserStore.js

@@ -1,15 +1,14 @@
 'use strict';
 
-import React from 'react/addons';
 import Reflux from 'reflux';
+import { update } from 'react-addons-update';
 import Actions from '../actions/Actions';
 import { firebaseUrl } from '../util/constants';
 
 import Firebase from 'firebase';
 const baseRef = new Firebase(firebaseUrl);
 const usersRef = baseRef.child('users');
 
-const update = React.addons.update;
 
 const defaultUser = {
     uid: '',

src/js/views/404.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React from 'react/addons';
+import React from 'react';
 
 // components
 const Link = require('react-router').Link;

src/js/views/Posts.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React from 'react/addons';
+import React from 'react';
 import Reflux from 'reflux';
 import Actions from '../actions/Actions';
 import { History } from 'react-router';

src/js/views/Profile.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React from 'react/addons';
+import React from 'react';
 import Reflux from 'reflux';
 import { History } from 'react-router';
 

src/js/views/Single.jsx

@@ -1,6 +1,6 @@
 'use strict';
 
-import React from 'react/addons';
+import React from 'react';
 import Reflux from 'reflux';
 import { History } from 'react-router';
 

test/components/Login-test.jsx

@@ -1,6 +1,7 @@
 'use strict';
 
 import createParent from '../util/createParent';
+import { findDOMNode } from 'react-dom';
 
 var React;
 var Login;
@@ -10,9 +11,9 @@ describe('Login Component', () => {
     let login;
 
     beforeEach(() => {
-        React = require('react/addons');
+        React = require('react');
         Login = require('../../src/js/components/Login');
-        TestUtils = React.addons.TestUtils;
+        TestUtils = require('react-addons-test-utils');
     });
 
     describe('DOM', () => {
@@ -22,7 +23,7 @@ describe('Login Component', () => {
         });
 
         it('should render a div with className "login"', () => {
-            expect(login.getDOMNode().className).to.equal('login');
+            expect(findDOMNode(login).className).to.equal('login');
         });
 
         it('should render an error message only when passed as prop', () => {
@@ -35,7 +36,7 @@ describe('Login Component', () => {
             login = TestUtils.renderIntoDocument(<Login errorMessage="uh oh" />);
             error = TestUtils.findRenderedDOMComponentWithClass(login, 'error');
 
-            expect(error.getDOMNode().textContent).to.equal('uh oh');
+            expect(findDOMNode(error).textContent).to.equal('uh oh');
         });
     });
 
@@ -54,7 +55,7 @@ describe('Login Component', () => {
         });
 
         it('should disable submit button until props update', () => {
-            let submitButton = TestUtils.findRenderedDOMComponentWithTag(login, 'button').getDOMNode();
+            let submitButton = findDOMNode(TestUtils.findRenderedDOMComponentWithTag(login, 'button'));
 
             login.setState({ submitted: true });
             expect(submitButton.disabled).to.equal(true);

test/components/LoginLinks-test.jsx

@@ -1,5 +1,7 @@
 'use strict';
 
+import { findDOMNode } from 'react-dom';
+
 var React;
 var LoginLinks;
 var TestUtils;
@@ -8,9 +10,9 @@ describe('LoginLinks Component', () => {
     let loginLinks;
 
     beforeEach(() => {
-        React = require('react/addons');
+        React = require('react');
         LoginLinks = require('../../src/js/components/LoginLinks');
-        TestUtils = React.addons.TestUtils;
+        TestUtils = require('react-addons-test-utils');
     });
 
     describe('DOM', function() {
@@ -19,12 +21,12 @@ describe('LoginLinks Component', () => {
         });
 
         it('should render a span with className "login-links"', () => {
-            expect(loginLinks.getDOMNode().className).to.equal('login-links');
+            expect(findDOMNode(loginLinks).className).to.equal('login-links');
         });
 
         it('should render "Sign In" and "Register" links', () => {
             let links = TestUtils.scryRenderedDOMComponentsWithTag(loginLinks, 'a');
-            let linkText = links.map((link) => link.getDOMNode().textContent);
+            let linkText = links.map((link) => findDOMNode(link).textContent);
 
             expect(links.length).to.equal(2);
             expect(linkText[0]).to.equal('Sign In');

test/components/Modal-test.jsx

@@ -1,6 +1,7 @@
 'use strict';
 
 import createParent from '../util/createParent';
+import { findDOMNode } from 'react-dom';
 
 var React;
 var Modal;
@@ -9,9 +10,9 @@ var TestUtils;
 describe('Modal Component', () => {
 
     beforeEach(() => {
-        React = require('react/addons');
+        React = require('react');
         Modal = require('../../src/js/components/Modal');
-        TestUtils = React.addons.TestUtils;
+        TestUtils = require('react-addons-test-utils');
     });
 
     describe('DOM', () => {
@@ -65,14 +66,14 @@ describe('Modal Component', () => {
 
         it('should call props.hideModal when .modal-overlay is clicked', () => {
             expect(hideModalSpy).to.have.not.been.called;
-            TestUtils.Simulate.click(modal.getDOMNode());
+            TestUtils.Simulate.click(findDOMNode(modal));
             expect(hideModalSpy).to.have.been.called;
         });
 
         it('should call props.hideModal when .modal-close is clicked', () => {
             const modalClose = TestUtils.findRenderedDOMComponentWithClass(modal, 'modal-close');
             expect(hideModalSpy).to.have.not.been.called;
-            TestUtils.Simulate.click(modalClose.getDOMNode());
+            TestUtils.Simulate.click(findDOMNode(modalClose));
             expect(hideModalSpy).to.have.been.called;
         });
 
@@ -86,7 +87,7 @@ describe('Modal Component', () => {
         it('should not be removed when .modal-inner is clicked', () => {
             const modalInner = TestUtils.findRenderedDOMComponentWithClass(modal, 'modal-inner');
             expect(hideModalSpy).to.have.not.been.called;
-            TestUtils.Simulate.click(modalInner.getDOMNode());
+            TestUtils.Simulate.click(findDOMNode(modalInner));
             expect(hideModalSpy).to.have.not.been.called;
         });
     });

test/components/ProfileLink-test.jsx

@@ -1,10 +1,10 @@
 'use strict';
 
-import React from 'react/addons';
+import React from 'react';
 import { Link } from 'react-router';
 import ProfileLink from '../../src/js/components/ProfileLink';
 
-const TestUtils = React.addons.TestUtils;
+import TestUtils from 'react-addons-test-utils';
 
 const userData = {
     username: 'echenley',