add alert tests

Author: ShMcK

src/modules/alert/index.ts

@@ -1,7 +1,7 @@
 import {ALERT_CLOSE,  ALERT_OPEN, ALERT_REPLAY} from './types';
 
 // alert styles
-const colors = {
+export const colors = {
   PASS: '#73C990', // green
   FAIL: '#FF4081', // red
   NOTE: '#9DA5B4', // blue
@@ -23,7 +23,11 @@ const open = {
 };
 
 let current: CR.Alert = _alert;
-
+/**
+ * sets alert color on snackbar DOM element
+ * @param  {CR.Alert} a alert
+ * @returns CR.Alert alert
+ */
 function setAlert(a: CR.Alert): CR.Alert {
   a.color = colors[a.action] || colors.NOTE;
   let statusBarAlert = <HTMLElement>document.getElementsByClassName('cr-alert-replay')[0];
@@ -35,8 +39,8 @@ function setAlert(a: CR.Alert): CR.Alert {
 /**
  * snackbar Alert reducer
  * @param  {} alert=_alert
- * @param  {Action} action
- * @returns CR
+ * @param  {Action} action { type: string, payload: { alert } }
+ * @returns CR.Alert alert
  */
 export default function alert(
   alert = _alert, action: Action

src/modules/alert/reducer.test.ts

@@ -1,7 +1,8 @@
 /// <reference path="../../typings/globals/jest/index.d.ts" />
 /// <reference path="../../typings/common/global.d.ts" />
 
-import reducer, { _alert } from './index';
+import reducer, { _alert, colors } from './index';
+import { ALERT_OPEN, ALERT_REPLAY, ALERT_CLOSE } from './types';
 
 describe('alert reducer', () => {
 
@@ -31,18 +32,70 @@ describe('alert reducer', () => {
 
   it('should open the alert on ALERT_OPEN', () => {
     const alert = { };
-    const action = { type: 'ALERT_OPEN', payload: { alert } };
+    const action = { type: ALERT_OPEN, payload: { alert } };
     expect(reducer({ open: false }, action).open).toBe(true);
   });
 
+  it('should set the NOTE alert on ALERT_OPEN', () => {
+    const alert = {
+      message: 'a message',
+      action: 'NOTE',
+      duration: 1500,
+    };
+    const action = { type: ALERT_OPEN, payload: { alert } };
+    const expected = {
+      message: 'a message',
+      action: 'NOTE',
+      duration: 1500,
+      open: true,
+      color: colors.NOTE
+    };
+    expect(reducer({ open: false }, action)).toEqual(expected);
+  });
+
+  it('should set the FAIL alert on ALERT_OPEN', () => {
+    const alert = {
+      message: 'a message',
+      action: 'FAIL',
+      duration: 1500,
+    };
+    const action = { type: ALERT_OPEN, payload: { alert } };
+    const expected = {
+      message: 'a message',
+      action: 'FAIL',
+      duration: 1500,
+      open: true,
+      color: colors.FAIL
+    };
+    expect(reducer({ open: false }, action)).toEqual(expected);
+  });
+
+  it('should set the PASS alert on ALERT_OPEN', () => {
+    const alert = {
+      message: 'a message',
+      action: 'PASS',
+      duration: 1500,
+    };
+    const action = { type: ALERT_OPEN, payload: { alert } };
+    const expected = {
+      message: 'a message',
+      action: 'PASS',
+      duration: 1500,
+      open: true,
+      color: colors.PASS
+    };
+    expect(reducer({ open: false }, action)).toEqual(expected);
+  });
+
+
   it('should open the alert on ALERT_REPLAY', () => {
     const alert = { };
-    const action = { type: 'ALERT_REPLAY', payload: { alert } };
+    const action = { type: ALERT_REPLAY, payload: { alert } };
     expect(reducer({ open: false }, action).open).toBe(true);
   });
 
   it('should close the alert on ALERT_CLOSE', () => {
-    const action = { type: 'ALERT_CLOSE' };
+    const action = { type: ALERT_CLOSE };
     const alert = { open: true };
     expect(reducer(alert, action).open).toBe(false);
   });