add dynamic action creator unit test

Author: mocheng

chapter-07/weather_redux/package.json

@@ -5,7 +5,9 @@
   "proxy": "http://www.weather.com.cn/",
   "devDependencies": {
     "react-scripts": "0.8.4",
-    "redux-immutable-state-invariant": "^1.2.4"
+    "redux-immutable-state-invariant": "^1.2.4",
+    "redux-mock-store": "^1.2.1",
+    "sinon": "^1.17.7"
   },
   "dependencies": {
     "react": "^15.4.1",

chapter-07/weather_redux/src/weather/actions.js

@@ -20,7 +20,7 @@ export const fetchWeather = (cityCode) => {
 
     dispatch(fetchWeatherStarted())
 
-    fetch(apiUrl).then((response) => {
+    return fetch(apiUrl).then((response) => {
       if (response.status !== 200) {
         throw new Error('Fail to get response with status ' + response.status);
       }

chapter-07/weather_redux/test/weather/actions.test.js

@@ -0,0 +1,43 @@
+import thunk from 'redux-thunk';
+import {stub} from 'sinon';
+import configureStore from 'redux-mock-store';
+
+import * as actions from '../../src/weather/actions.js';
+import * as actionTypes from '../../src/weather/actionTypes.js';
+
+const middlewares = [thunk];
+const createMockStore = configureStore(middlewares);
+
+
+describe('weather/actions', () => {
+  describe('fetchWeather', () => {
+    let stubbedFetch;
+    const store = createMockStore();
+
+    beforeEach(() => {
+      stubbedFetch = stub(global, 'fetch');
+    });
+
+    afterEach(() => {
+      stubbedFetch.restore();
+    });
+
+    it('should dispatch fetchWeatherSuccess action type on fetch success', () => {
+      const mockResponse= Promise.resolve({
+        status: 200,
+        json: () => Promise.resolve({
+          weatherinfo: {}
+        })
+      });
+      stubbedFetch.returns(mockResponse);
+
+      return store.dispatch(actions.fetchWeather(1)).then(() => {
+        const dispatchedActions = store.getActions();
+        expect(dispatchedActions.length).toBe(2);
+        expect(dispatchedActions[0].type).toBe(actionTypes.FETCH_STARTED);
+        expect(dispatchedActions[1].type).toBe(actionTypes.FETCH_SUCCESS);
+      });
+    });
+
+  });
+});