Tests added for _toggle_ middleware

zoltantothcom · zoltantothcom · commit 84ff2ee86ed9 · 2019-02-25T19:52:58.000-05:00
diff --git a/__tests__/middleware/toggle.test.js b/__tests__/middleware/toggle.test.js
@@ -0,0 +1,89 @@
+/* eslint-disable */
+import configureMockStore from 'redux-mock-store';
+import { toggleMiddleware } from '../../src/middleware/toggle';
+
+const next = jest.fn();
+const mockStore = configureMockStore();
+
+describe('Toggle middleware', () => {
+  it('should dispatch TOGGLE_JS when the payload is `js`', () => {
+    const mockDispatch = jest.fn();
+
+    const store = mockStore({
+      js: 'es5',
+      dispatch: mockDispatch,
+    });
+    const action = { type: 'TOGGLE', payload: 'js' };
+
+    toggleMiddleware(store)(next)(action);
+
+    expect(store.getActions()[0]).toEqual({
+      type: 'TOGGLE_JS',
+      payload: 'es6',
+    });
+
+    expect(next).toHaveBeenCalled();
+  });
+
+  it('should dispatch TOGGLE_JS when the payload is `js`', () => {
+    const mockDispatch = jest.fn();
+
+    const store = mockStore({
+      js: 'es6',
+      dispatch: mockDispatch,
+    });
+    const action = { type: 'TOGGLE', payload: 'js' };
+
+    toggleMiddleware(store)(next)(action);
+
+    expect(store.getActions()[0]).toEqual({
+      type: 'TOGGLE_JS',
+      payload: 'es5',
+    });
+
+    expect(next).toHaveBeenCalled();
+  });
+
+  it('should dispatch TOGGLE_MODE when the payload is `mode`', () => {
+    const mockDispatch = jest.fn();
+
+    const store = mockStore({
+      mode: 'dark',
+      dispatch: mockDispatch,
+    });
+    const action = { type: 'TOGGLE', payload: 'mode' };
+
+    toggleMiddleware(store)(next)(action);
+
+    expect(store.getActions()[0]).toEqual({
+      type: 'TOGGLE_MODE',
+      payload: 'light',
+    });
+  });
+
+  it('should dispatch TOGGLE_MODE when the payload is `mode`', () => {
+    const mockDispatch = jest.fn();
+
+    const store = mockStore({
+      mode: 'light',
+      dispatch: mockDispatch,
+    });
+    const action = { type: 'TOGGLE', payload: 'mode' };
+
+    toggleMiddleware(store)(next)(action);
+
+    expect(store.getActions()[0]).toEqual({
+      type: 'TOGGLE_MODE',
+      payload: 'dark',
+    });
+  });
+
+  it('should return _next_ when the action is not TOGGLE', () => {
+    const store = mockStore({});
+    const action = { type: 'ERROR' };
+
+    toggleMiddleware(store)(next)(action);
+
+    expect(store.getActions()[0]).toBeFalsy();
+  });
+});
diff --git a/src/middleware/toggle.js b/src/middleware/toggle.js
@@ -5,11 +5,11 @@ export const toggleMiddleware = ({ dispatch, getState }) => next => action => {
     switch (action.payload) {
     case 'js':
       const js = getState()['js'] === 'es5' ? 'es6' : 'es5';
-      return dispatch(toggleJS(js));
+      dispatch(toggleJS(js));
 
     case 'mode':
       const mode = getState()['mode'] === 'dark' ? 'light' : 'dark';
-      return dispatch(toggleMode(mode));
+      dispatch(toggleMode(mode));
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -5,11 +5,11 @@ export const toggleMiddleware = ({ dispatch, getState }) => next => action => {`
`5`	`5`	`switch (action.payload) {`
`6`	`6`	`case 'js':`
`7`	`7`	`const js = getState()['js'] === 'es5' ? 'es6' : 'es5';`
`8`		`- return dispatch(toggleJS(js));`
	`8`	`+ dispatch(toggleJS(js));`
`9`	`9`
`10`	`10`	`case 'mode':`
`11`	`11`	`const mode = getState()['mode'] === 'dark' ? 'light' : 'dark';`
`12`		`- return dispatch(toggleMode(mode));`
	`12`	`+ dispatch(toggleMode(mode));`
`13`	`13`	`}`
`14`	`14`	`}`
`15`	`15`