Add test for ShowsAction

Author: codeBelt

package.json

@@ -76,6 +76,7 @@
     "@types/react-dom": "16.9.5",
     "@types/react-redux": "7.1.7",
     "@types/react-router-dom": "5.1.3",
+    "@types/redux-mock-store": "1.0.2",
     "@types/uuid": "7.0.0",
     "@typescript-eslint/eslint-plugin": "2.21.0",
     "@typescript-eslint/parser": "2.21.0",
@@ -92,6 +93,7 @@
     "prettier": "1.19.1",
     "pretty-quick": "2.0.1",
     "react-scripts": "3.4.0",
+    "redux-mock-store": "1.5.4",
     "typescript": "3.8.3"
   }
 }

src/__fixtures__/reduxFixtures.js

@@ -0,0 +1,9 @@
+import configureStore from 'redux-mock-store';
+import thunk from 'redux-thunk';
+
+export const mockStoreFixture = (state) => {
+  const middlewares = [thunk];
+  const storeCreator = configureStore(middlewares);
+
+  return storeCreator(state);
+};

src/stores/shows/ShowsAction.spec.js

@@ -0,0 +1,78 @@
+import ShowsAction from './ShowsAction';
+import ActionUtility from '../../utilities/ActionUtility';
+import { mockStoreFixture } from '../../__fixtures__/reduxFixtures';
+import ShowModel from './models/shows/ShowModel';
+import ShowsEffect from './ShowsEffect';
+import EpisodeModel from './models/episodes/EpisodeModel';
+import CastModel from './models/cast/CastModel';
+
+describe('ShowsAction', () => {
+  let store;
+
+  beforeEach(() => {
+    store = mockStoreFixture({
+      shows: {
+        currentShowId: '74',
+      },
+    });
+  });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+    jest.restoreAllMocks();
+  });
+
+  describe('requestShow', () => {
+    it('has a successful response', async () => {
+      const expectedResponse = new ShowModel({});
+
+      jest.spyOn(ShowsEffect, 'requestShow').mockImplementation(async () => expectedResponse);
+
+      await store.dispatch(ShowsAction.requestShow());
+
+      const actualResult = store.getActions();
+      const expectedResult = [
+        ActionUtility.createAction(ShowsAction.REQUEST_SHOW),
+        ActionUtility.createAction(ShowsAction.REQUEST_SHOW_FINISHED, expectedResponse),
+      ];
+
+      expect(actualResult).toEqual(expectedResult);
+    });
+  });
+
+  describe('requestEpisodes', () => {
+    it('has a successful response', async () => {
+      const expectedResponse = [new EpisodeModel({})];
+
+      jest.spyOn(ShowsEffect, 'requestEpisodes').mockImplementation(async () => expectedResponse);
+
+      await store.dispatch(ShowsAction.requestEpisodes());
+
+      const actualResult = store.getActions();
+      const expectedResult = [
+        ActionUtility.createAction(ShowsAction.REQUEST_EPISODES),
+        ActionUtility.createAction(ShowsAction.REQUEST_EPISODES_FINISHED, expectedResponse),
+      ];
+
+      expect(actualResult).toEqual(expectedResult);
+    });
+  });
+
+  describe('requestCast', () => {
+    it('has a successful response', async () => {
+      const expectedResponse = [new CastModel({})];
+
+      jest.spyOn(ShowsEffect, 'requestCast').mockImplementation(async () => expectedResponse);
+
+      await store.dispatch(ShowsAction.requestCast());
+
+      const actualResult = store.getActions();
+      const expectedResult = [
+        ActionUtility.createAction(ShowsAction.REQUEST_CAST),
+        ActionUtility.createAction(ShowsAction.REQUEST_CAST_FINISHED, expectedResponse),
+      ];
+
+      expect(actualResult).toEqual(expectedResult);
+    });
+  });
+});