Dispatches an event to indicate effect firing and fixes bug

Author: ctrlplusb

src/__tests__/easy-peasy.test.js

@@ -9,6 +9,15 @@ beforeEach(() => {
   window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ = undefined
 })
 
+const trackActionsMiddleware = () => {
+  const middleware = () => next => action => {
+    middleware.actions.push(action)
+    return next(action)
+  }
+  middleware.actions = []
+  return middleware
+}
+
 test('empty object in state', () => {
   // arrange
   const model = {
@@ -297,7 +306,7 @@ test('supports initial state', () => {
     foo: {
       bar: {
         stuff: [3, 4],
-        other: 'qux',
+        invalid: 'qux',
       },
     },
   }
@@ -310,10 +319,27 @@ test('supports initial state', () => {
     foo: {
       bar: {
         stuff: [3, 4],
-        other: 'qux',
       },
       color: 'red',
     },
     baz: 'bob',
   })
 })
+
+test('dispatches an action to represent the start of an effect', () => {
+  // arrange
+  const model = {
+    foo: {
+      doSomething: effect(() => undefined),
+    },
+  }
+  const trackActions = trackActionsMiddleware()
+  const store = createStore(model, { middleware: [trackActions] })
+  const payload = 'hello'
+
+  // act
+  store.dispatch.foo.doSomething(payload)
+
+  // assert
+  expect(trackActions.actions).toEqual([{ type: 'foo.doSomething', payload }])
+})

src/easy-peasy.js

@@ -52,12 +52,20 @@ export const createStore = (model, options = {}) => {
       const value = current[key]
       const path = [...parentPath, key]
       if (typeof value === 'function') {
+        const actionName = path.join('.')
+
         if (value[effectSymbol]) {
           // Effect Action
-          const action = payload =>
-            value(references.dispatch, payload, {
+          const action = payload => {
+            references.dispatch({
+              type: actionName,
+              payload,
+            })
+            return value(references.dispatch, payload, {
               getState: references.getState,
             })
+          }
+          action.actionName = actionName
           set(path, actionEffects, action)
 
           // Effect Action Creator
@@ -74,7 +82,7 @@ export const createStore = (model, options = {}) => {
                 getState: references.getState,
               }),
             )
-          action.actionName = path.join('.')
+          action.actionName = actionName
           set(path, actionReducers, action)
 
           // Reducer Action Creator
@@ -85,7 +93,7 @@ export const createStore = (model, options = {}) => {
             }),
           )
         }
-      } else if (isObject(value) && Object.keys(value).length > 1) {
+      } else if (isObject(value) && Object.keys(value).length > 0) {
         extract(value, path)
       } else {
         // State