Adding control component spec tests (WIP)

Author: davidkpiano

src/components/control-component.js

@@ -96,15 +96,16 @@ class Control extends Component {
   }
 
   render() {
-    const { controlProps, component } = this.props;
+    const { controlProps = {}, component } = this.props;
 
     return createElement(
       component,
       {
         ...controlProps,
         ...this.props,
         onKeyPress: this.handleKeyPress,
-      });
+      },
+      controlProps.children);
   }
 }
 

src/utils/sequence.js

@@ -64,7 +64,7 @@ function sequenceEventActions(props) {
     dispatch,
     model,
     updateOn = 'change',
-    parser,
+    parser = identity,
     changeAction = identity,
     controlProps = {},
   } = props;

test/control-component-spec.js

@@ -1,37 +1,36 @@
-// /* eslint react/no-multi-comp:0 react/jsx-no-bind:0 */
-// import { assert } from 'chai';
-// import React, { Component, PropTypes } from 'react';
-// import TestUtils from 'react-addons-test-utils';
-// import { applyMiddleware, combineReducers, createStore } from 'redux';
-// import { Provider } from 'react-redux';
-// import thunk from 'redux-thunk';
-
-// import { controls, createFieldClass, formReducer, modelReducer, Control } from '../src';
-
-// function createTestStore(reducers) {
-//   return applyMiddleware(thunk)(createStore)(combineReducers(reducers));
-// }
-
-// describe('<Control> component', () => {
-//   it('should exist as a function', () => {
-//     assert.ok(Control);
-//   });
-
-//   it.only('should work as expected with a model (happy path)', () => {
-//     const store = createTestStore({
-//       test: modelReducer('test', { foo: 'bar' }),
-//       testForm: formReducer('test', { foo: 'bar' }),
-//     });
-
-//     const form = TestUtils.renderIntoDocument(
-//       <Provider store={store}>
-//         <Control model="test.foo" mapProps={controls.text} component={React.DOM.input} />
-//       </Provider>
-//     );
-
-//     const input = TestUtils.findRenderedDOMComponentWithTag(form, 'input');
-
-//     console.log(input);
-
-//   })
-// });
+/* eslint react/no-multi-comp:0 react/jsx-no-bind:0 */
+import { assert } from 'chai';
+import React from 'react';
+import TestUtils from 'react-addons-test-utils';
+import { applyMiddleware, combineReducers, createStore } from 'redux';
+import { Provider } from 'react-redux';
+import thunk from 'redux-thunk';
+
+import { controls, formReducer, modelReducer, Control } from '../src';
+
+function createTestStore(reducers) {
+  return applyMiddleware(thunk)(createStore)(combineReducers(reducers));
+}
+
+describe('<Control> component', () => {
+  it('should exist', () => {
+    assert.ok(Control);
+  });
+
+  it('should work as expected with a model (happy path)', () => {
+    const store = createTestStore({
+      test: modelReducer('test', { foo: 'bar' }),
+      testForm: formReducer('test', { foo: 'bar' }),
+    });
+
+    const form = TestUtils.renderIntoDocument(
+      <Provider store={store}>
+        <Control model="test.foo" mapProps={controls.text} component="input" />
+      </Provider>
+    );
+
+    const input = TestUtils.findRenderedDOMComponentWithTag(form, 'input');
+
+    assert.ok(input);
+  });
+});