Use action function as handleAction(s) type param (#51)

* Use action function as handleAction(s) type param

* fix for review

* added tests

* fix lint errors

Author: nikita-graf

src/__tests__/handleAction-test.js

@@ -1,4 +1,4 @@
-import { handleAction } from '../';
+import { handleAction, createAction } from '../';
 
 describe('handleAction()', () => {
   const type = 'TYPE';
@@ -29,6 +29,18 @@ describe('handleAction()', () => {
           });
       });
 
+      it('accepts action function as action type', () => {
+        const incrementAction = createAction(type);
+        const reducer = handleAction(incrementAction, (state, action) => ({
+          counter: state.counter + action.payload
+        }));
+
+        expect(reducer(prevState, incrementAction(7)))
+          .to.deep.equal({
+            counter: 10
+          });
+      });
+
       it('accepts single function as handler and a default state', () => {
         const reducer = handleAction(type, (state, action) => ({
           counter: state.counter + action.payload

src/__tests__/handleActions-test.js

@@ -1,4 +1,4 @@
-import { handleActions } from '../';
+import { handleActions, createAction } from '../';
 
 describe('handleActions', () => {
   it('create a single handler from a map of multiple action handlers', () => {
@@ -53,4 +53,18 @@ describe('handleActions', () => {
         counter: 10
       });
   });
+
+  it('accepts action function as action type', () => {
+    const incrementAction = createAction('INCREMENT');
+    const reducer = handleActions({
+      [incrementAction]: ({ counter }, { payload: amount }) => ({
+        counter: counter + amount
+      })
+    });
+
+    expect(reducer({ counter: 3 }, incrementAction(7)))
+      .to.deep.equal({
+        counter: 10
+      });
+  });
 });

src/createAction.js

@@ -6,8 +6,7 @@ export default function createAction(type, actionCreator, metaCreator) {
   const finalActionCreator = typeof actionCreator === 'function'
     ? actionCreator
     : identity;
-
-  return (...args) => {
+  const actionHandler = (...args) => {
     const action = {
       type
     };
@@ -28,4 +27,8 @@ export default function createAction(type, actionCreator, metaCreator) {
 
     return action;
   };
+
+  actionHandler.toString = () => type;
+
+  return actionHandler;
 }

src/handleAction.js

@@ -3,9 +3,13 @@ function isFunction(val) {
 }
 
 export default function handleAction(type, reducers, defaultState) {
+  const typeValue = isFunction(type)
+    ? type.toString()
+    : type;
+
   return (state = defaultState, action) => {
     // If action type does not match, return previous state
-    if (action.type !== type) return state;
+    if (action.type !== typeValue) return state;
 
     const handlerKey = action.error === true ? 'throw' : 'next';