(build) Added some tests for React components using Shallow Rendering

frontend/package.json

@@ -42,6 +42,7 @@
     "postcss-nested": "~1.0.0",
     "postcss-normalize": "~0.1.1",
     "requiredir": "^1.0.7",
+    "sinon": "^1.16.1",
     "vinyl-buffer": "^1.0.0",
     "vinyl-source-stream": "^1.1.0"
   }

frontend/tests/home/homeSpecShallow.js

@@ -0,0 +1,52 @@
+import test from 'blue-tape';
+import sinon from 'sinon';
+import React from 'react/addons'; // React is required here to render Tasks
+import createComponent from '../utils/create-component';
+import Home from '../../src/components/home/home.jsx';
+
+let onLogin = () => {
+  console.log('onlogin was called');
+  return true;
+};
+
+let lock = {
+  show(callback) {
+    callback();
+  }
+};
+
+let home = createComponent(Home, {lock: lock});
+
+//console.log('component', home);
+//console.log('method', Home.prototype);
+
+test('Login function should call showLock function if local storage is empty', (assert) => {
+  global.localStorage = {getItem: function() {} };
+  sinon.stub(Home.prototype, 'showLock');
+  let mockEvent = {preventDefault: function() {
+    return true;
+  }};
+  Home.prototype.login(mockEvent);
+
+  assert.ok(Home.prototype.showLock.calledOnce,
+    'Sprint column should be a div');
+  Home.prototype.showLock.restore();
+  assert.end();
+});
+
+test('Login function should call transitionTo method local storage has token', (assert) => {
+  sinon.stub(Home.prototype, 'transitionTo');
+  let mockEvent = {preventDefault: function() {
+    return true;
+  }};
+  global.localStorage = {
+    getItem: function(string) {
+      return true;
+    }};
+  Home.prototype.login(mockEvent);
+
+  assert.ok(Home.prototype.transitionTo.calledOnce,
+    'Sprint column should be a div');
+  Home.prototype.transitionTo.restore();
+  assert.end();
+});