Fixing Control.checkbox to use custom changeAction if provided. Fixes #440

Author: davidkpiano

src/components/control-component.js

@@ -642,6 +642,7 @@ function createControlClass(customControlPropsMap = {}, defaultProps = {}) {
       mapProps={{
         ...controlPropsMap.checkbox,
         ...props.mapProps,
+        changeAction: props.changeAction || controlPropsMap.checkbox.changeAction,
       }}
       {...omit(props, 'mapProps')}
     />

test/control-component-spec.js

@@ -1250,7 +1250,10 @@ Object.keys(testContexts).forEach((testKey) => {
     });
 
     describe('changeAction prop', () => {
-      const initialState = getInitialState({ foo: '' });
+      const initialState = getInitialState({
+        foo: '',
+        checked: false,
+      });
       const reducer = modelReducer('test', initialState);
       const store = testCreateStore({
         test: reducer,
@@ -1284,6 +1287,27 @@ Object.keys(testContexts).forEach((testKey) => {
           get(store.getState().test, 'foo'),
           'testing');
       });
+
+      it('should execute the custom change action (checkbox)', () => {
+        let customChanged = false;
+
+        const field = TestUtils.renderIntoDocument(
+          <Provider store={store}>
+            <Control.checkbox
+              model="test.checked"
+              changeAction={() => {
+                customChanged = true;
+              }}
+            />
+          </Provider>
+        );
+
+        const control = TestUtils.findRenderedDOMComponentWithTag(field, 'input');
+
+        TestUtils.Simulate.change(control);
+
+        assert.isTrue(customChanged);
+      });
     });
 
     describe('event handlers on control', () => {