Init test for 'notification' component

Author: Emmanouil Konstantinidis

package.json

@@ -65,6 +65,7 @@
     "collectCoverageOnlyFrom": {
       "src/js/actions/actions.js": true,
       "src/js/components/navigation.js": true,
+      "src/js/components/notification.js": true,
       "src/js/components/notifications.js": true,
       "src/js/components/repository.js": true,
       "src/js/components/footer.js": true,

src/js/__tests__/components/notification.js

@@ -0,0 +1,134 @@
+/* global jest, describe, beforeEach, it, expect */
+
+jest.dontMock('reflux');
+jest.dontMock('../../actions/actions.js');
+jest.dontMock('../../utils/api-requests');
+jest.dontMock('../../components/notification.js');
+jest.dontMock('../../stores/auth.js');
+jest.dontMock('../../stores/notifications.js');
+
+var React = require('react/addons');
+var TestUtils = React.addons.TestUtils;
+
+describe('Test for Notification Component', function () {
+
+  var apiRequests, Actions, AuthStore, SingleNotification, NotificationsStore;
+
+  beforeEach(function () {
+    // Mock Electron's window.require
+    // and remote.require('shell')
+    window.require = function () {
+      return {
+        require: function () {
+          return {
+            openExternal: function () {
+              return {};
+            }
+          };
+        }
+      };
+    };
+
+    // Mock localStorage
+    window.localStorage = {
+      item: false,
+      getItem: function () {
+        return this.item;
+      }
+    };
+
+    apiRequests = require('../../utils/api-requests.js');
+    Actions = require('../../actions/actions.js');
+    AuthStore = require('../../stores/auth.js');
+    SingleNotification = require('../../components/notification.js');
+    NotificationsStore = require('../../stores/notifications.js');
+  });
+
+  it('Should render a notification component (Issue)', function () {
+
+    var notification = {
+      'id': '123123123',
+      'repository': {
+        'full_name': 'ekonstantinidis/gitify',
+        'owner': {
+          'avatar_url': 'http://avatar.url'
+        }
+      },
+      'subject': {
+        'type': 'Issue',
+        'url': 'http://www.github.com/ekonstantinidis/gitify/pulls/26/'
+      }
+    };
+
+    var instance = TestUtils.renderIntoDocument(
+      <SingleNotification
+        notification={notification}
+        key={notification.id} />);
+
+    expect(instance.state.readClass).toBe('row notification');
+    expect(instance.state.read).toBeFalsy();
+    expect(instance.openBrowser).toBeDefined();
+    expect(instance.markAsRead).toBeDefined();
+
+    // Open Browser
+    instance.openBrowser();
+
+  });
+
+  it('Should render a notification component (PullRequest)', function () {
+
+    var notification = {
+      'id': '123123123',
+      'repository': {
+        'full_name': 'ekonstantinidis/gitify',
+        'owner': {
+          'avatar_url': 'http://avatar.url'
+        }
+      },
+      'subject': {
+        'type': 'PullRequest',
+        'url': 'http://www.github.com/ekonstantinidis/gitify/pulls/26/'
+      }
+    };
+
+    var instance = TestUtils.renderIntoDocument(
+      <SingleNotification
+        notification={notification}
+        key={notification.id} />);
+
+    expect(instance.state.readClass).toBe('row notification');
+    expect(instance.state.read).toBeFalsy();
+    expect(instance.openBrowser).toBeDefined();
+    expect(instance.markAsRead).toBeDefined();
+
+  });
+
+  it('Should render a notification component (OtherType)', function () {
+
+    var notification = {
+      'id': '123123123',
+      'repository': {
+        'full_name': 'ekonstantinidis/gitify',
+        'owner': {
+          'avatar_url': 'http://avatar.url'
+        }
+      },
+      'subject': {
+        'type': 'OtherType',
+        'url': 'http://www.github.com/ekonstantinidis/gitify/pulls/26/'
+      }
+    };
+
+    var instance = TestUtils.renderIntoDocument(
+      <SingleNotification
+        notification={notification}
+        key={notification.id} />);
+
+    expect(instance.state.readClass).toBe('row notification');
+    expect(instance.state.read).toBeFalsy();
+    expect(instance.openBrowser).toBeDefined();
+    expect(instance.markAsRead).toBeDefined();
+
+  });
+
+});

src/js/__tests__/components/notifications.js

@@ -3,7 +3,7 @@
 jest.dontMock('reflux');
 jest.dontMock('../../actions/actions.js');
 jest.dontMock('../../utils/api-requests');
-jest.dontMock('../../components/notification.js');
+jest.dontMock('../../components/notifications.js');
 jest.dontMock('../../stores/auth.js');
 jest.dontMock('../../stores/notifications.js');
 
@@ -12,7 +12,7 @@ var TestUtils = React.addons.TestUtils;
 
 describe('Test for Notifications Component', function () {
 
-  var Actions, AuthStore, Notification, NotificationsStore;
+  var Actions, AuthStore, Notifications, NotificationsStore;
 
   beforeEach(function () {
     // Mock Electron's window.require
@@ -39,7 +39,7 @@ describe('Test for Notifications Component', function () {
 
     Actions = require('../../actions/actions.js');
     AuthStore = require('../../stores/auth.js');
-    Notification = require('../../components/notifications.js');
+    Notifications = require('../../components/notifications.js');
     NotificationsStore = require('../../stores/notifications.js');
   });
 
@@ -49,7 +49,7 @@ describe('Test for Notifications Component', function () {
       return true;
     };
 
-    var instance = TestUtils.renderIntoDocument(<Notification />);
+    var instance = TestUtils.renderIntoDocument(<Notifications />);
     expect(instance.state.loading).toBeTruthy();
 
     var response = [[{