Merge pull request codeBelt#31 from codeBelt/store-tests

Store tests

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",
@@ -88,10 +89,12 @@
     "generate-template-files": "2.2.1",
     "gh-pages": "2.2.0",
     "husky": "4.2.3",
+    "nock": "12.0.3",
     "node-sass": "4.13.1",
     "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);
+    });
+  });
+});

src/stores/shows/ShowsEffect.spec.js

@@ -0,0 +1,72 @@
+import ShowsEffect from './ShowsEffect';
+import nock from 'nock';
+import axios from 'axios';
+import environment from 'environment';
+import ShowModel from './models/shows/ShowModel';
+import StringUtil from '../../utilities/StringUtil';
+import EpisodeModel from './models/episodes/EpisodeModel';
+import CastModel from './models/cast/CastModel';
+
+axios.defaults.adapter = require('axios/lib/adapters/http');
+
+describe('ShowsEffect', () => {
+  describe('requestShow', () => {
+    it('has a successful response', async () => {
+      const showId = '74';
+      const endpoint = environment.api.shows.replace(':showId', showId);
+      const [baseUrl, sourceUrl] = StringUtil.splitBySeparator(endpoint, '.com');
+
+      const scope = nock(baseUrl)
+        .get(sourceUrl)
+        .reply(200, { name: 'Robert' });
+
+      const actualResult = await ShowsEffect.requestShow(showId);
+
+      expect(actualResult).toBeInstanceOf(ShowModel);
+      expect(actualResult.name).toEqual('Robert');
+
+      // Assert that the expected request was made.
+      scope.done();
+    });
+  });
+
+  describe('requestEpisodes', () => {
+    it('has a successful response', async () => {
+      const showId = '74';
+      const endpoint = environment.api.episodes.replace(':showId', showId);
+      const [baseUrl, sourceUrl] = StringUtil.splitBySeparator(endpoint, '.com');
+
+      const scope = nock(baseUrl)
+        .get(sourceUrl)
+        .reply(200, [{ summary: 'Robert is cool' }]);
+
+      const actualResult = await ShowsEffect.requestEpisodes(showId);
+
+      expect(actualResult[0]).toBeInstanceOf(EpisodeModel);
+      expect(actualResult[0].summary).toEqual('Robert is cool');
+
+      // Assert that the expected request was made.
+      scope.done();
+    });
+  });
+
+  describe('requestCast', () => {
+    it('has a successful response', async () => {
+      const showId = '74';
+      const endpoint = environment.api.cast.replace(':showId', showId);
+      const [baseUrl, sourceUrl] = StringUtil.splitBySeparator(endpoint, '.com');
+
+      const scope = nock(baseUrl)
+        .get(sourceUrl)
+        .reply(200, [{ self: true }]);
+
+      const actualResult = await ShowsEffect.requestCast(showId);
+
+      expect(actualResult[0]).toBeInstanceOf(CastModel);
+      expect(actualResult[0].self).toBe(true);
+
+      // Assert that the expected request was made.
+      scope.done();
+    });
+  });
+});

src/utilities/StringUtil.js

@@ -0,0 +1,15 @@
+export default class StringUtil {
+  /**
+   * Splits a string in half by a separator
+   *
+   * @param str string
+   * @param separator string
+   * @example
+   *    splitBySeparator('https://api.tvmaze.com/search/shows?q=Friends', '.com');
+   *
+   *    // ['https://api.tvmaze.com', '/search/shows?q=Friends']
+   */
+  static splitBySeparator = (str, separator) => {
+    return str.split(new RegExp(`(.*?${separator})`, 'g')).filter(Boolean);
+  };
+}