setup alert reducer tests

Author: ShMcK

src/modules/alert/actions.ts

@@ -1,15 +1,25 @@
 import {ALERT_CLOSE, ALERT_OPEN, ALERT_REPLAY} from './types';
 
-export function alertOpen(alert: Object): Redux.ThunkAction<any, {}, {}> {
-  return (dispatch): void => {
-    dispatch({ type: ALERT_OPEN, payload: { alert } });
-  };
+/**
+ * opens the alert
+ * @param  {Object} alert
+ * @returns alert
+ */
+export function alertOpen(alert: Object): Action {
+  return { type: ALERT_OPEN, payload: { alert } };
 }
 
+/**
+ * re-opens the alert
+ * @returns ALERT_REPLAY
+ */
 export function alertReplay(): Action {
   return { type: ALERT_REPLAY };
 }
-
+/**
+ * closes the alert
+ * @returns ALERT_CLOSE
+ */
 export function alertClose(): Action {
   return { type: ALERT_CLOSE };
 }

src/modules/alert/index.ts

@@ -1,12 +1,14 @@
 import {ALERT_CLOSE,  ALERT_OPEN, ALERT_REPLAY} from './types';
 
+// alert styles
 const colors = {
   PASS: '#73C990', // green
   FAIL: '#FF4081', // red
   NOTE: '#9DA5B4', // blue
 };
 
-const _alert: CR.Alert = {
+// default alert
+export const _alert: CR.Alert = {
   message: '',
   open: false,
   action: 'NOTE',
@@ -30,6 +32,12 @@ function setAlert(a: CR.Alert): CR.Alert {
   return Object.assign({}, open, a);
 }
 
+/**
+ * snackbar Alert reducer
+ * @param  {} alert=_alert
+ * @param  {Action} action
+ * @returns CR
+ */
 export default function alert(
   alert = _alert, action: Action
 ): CR.Alert {

src/modules/alert/reducer.test.ts

@@ -0,0 +1,47 @@
+import reducer, { _alert } from './index';
+
+describe('alert reducer', () => {
+
+  // mock document.getElementsByClassName
+  // as it used in styling the alert pop-up
+
+  const originalDocument = global.document;
+
+  beforeEach(() => {
+    global.document = Object.assign(document, {
+      getElementsByClassName: (selector) => [{
+        style: {
+          color: 'blue'
+        }
+      }]
+    });
+  });
+
+  afterEach(() => {
+    global.document = originalDocument;
+  });
+
+  it('should initialize the default alert', () => {
+    const action = { type: 'unknown' };
+    expect(reducer(undefined, action)).toEqual(_alert);
+  });
+
+  it('should open the alert on ALERT_OPEN', () => {
+    const alert = { };
+    const action = { type: 'ALERT_OPEN', payload: { alert } };
+    expect(reducer({ open: false }, action).open).toBe(true);
+  });
+
+  it('should open the alert on ALERT_REPLAY', () => {
+    const 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 alert = { open: true };
+    expect(reducer(alert, action).open).toBe(false);
+  });
+
+});