Merge pull request #258 from sdemjanenko/fix_multiple_on_change

Fix multiple on change

src/main.js

@@ -424,9 +424,23 @@ Formsy.Form = React.createClass({
     this.validateForm();
   },
   render: function () {
+    var {
+      mapping,
+      validationErrors,
+      onSubmit,
+      onValid,
+      onInvalid,
+      onInvalidSubmit,
+      onChange,
+      reset,
+      preventExternalInvalidation,
+      onSuccess,
+      onError,
+      ...nonFormsyProps
+    } = this.props;
 
     return (
-      <form {...this.props} onSubmit={this.submit}>
+      <form {...nonFormsyProps} onSubmit={this.submit}>
         {this.props.children}
       </form>
     );

tests/Formsy-spec.js

@@ -350,7 +350,7 @@ export default {
 
   },
 
-  'should trigger onChange when form element is changed': function (test) {
+  'should trigger onChange once when form element is changed': function (test) {
 
     const hasChanged = sinon.spy();
     const form = TestUtils.renderIntoDocument(
@@ -359,12 +359,12 @@ export default {
       </Formsy.Form>
     );
     TestUtils.Simulate.change(TestUtils.findRenderedDOMComponentWithTag(form, 'INPUT'), {target: {value: 'bar'}});
-    test.equal(hasChanged.called, true);
+    test.equal(hasChanged.calledOnce, true);
     test.done();
 
   },
 
-  'should trigger onChange when new input is added to form': function (test) {
+  'should trigger onChange once when new input is added to form': function (test) {
 
     const hasChanged = sinon.spy();
     const TestForm = React.createClass({
@@ -394,7 +394,7 @@ export default {
     const form = TestUtils.renderIntoDocument(<TestForm/>);
     form.addInput();
     immediate(() => {
-      test.equal(hasChanged.called, true);
+      test.equal(hasChanged.calledOnce, true);
       test.done();
     });