Bind all necessary methods of the HOC

amannn · amannn · commit 5ea795789104 · 2017-11-17T12:46:46.000+01:00
diff --git a/lib/Wrapper.js b/lib/Wrapper.js
@@ -86,16 +86,22 @@ exports.default = function (Component) {
         externalError: null,
         formSubmitted: false
       };
+
       _this.getErrorMessage = _this.getErrorMessage.bind(_this);
       _this.getErrorMessages = _this.getErrorMessages.bind(_this);
       _this.getValue = _this.getValue.bind(_this);
+      _this.hasValue = _this.hasValue.bind(_this);
       _this.isFormDisabled = _this.isFormDisabled.bind(_this);
       _this.isPristine = _this.isPristine.bind(_this);
+      _this.isFormSubmitted = _this.isFormSubmitted.bind(_this);
       _this.isRequired = _this.isRequired.bind(_this);
+      _this.isValidValue = _this.isValidValue.bind(_this);
       _this.isValid = _this.isValid.bind(_this);
       _this.resetValue = _this.resetValue.bind(_this);
+      _this.setValidations = _this.setValidations.bind(_this);
       _this.setValue = _this.setValue.bind(_this);
       _this.showRequired = _this.showRequired.bind(_this);
+      _this.showError = _this.showError.bind(_this);
       return _this;
     }
 
diff --git a/src/Wrapper.js b/src/Wrapper.js
@@ -59,16 +59,22 @@ export default (Component) => {
         externalError: null,
         formSubmitted: false,
       };
+
       this.getErrorMessage = this.getErrorMessage.bind(this);
       this.getErrorMessages = this.getErrorMessages.bind(this);
       this.getValue = this.getValue.bind(this);
+      this.hasValue = this.hasValue.bind(this);
       this.isFormDisabled = this.isFormDisabled.bind(this);
       this.isPristine = this.isPristine.bind(this);
+      this.isFormSubmitted = this.isFormSubmitted.bind(this);
       this.isRequired = this.isRequired.bind(this);
+      this.isValidValue = this.isValidValue.bind(this);
       this.isValid = this.isValid.bind(this);
       this.resetValue = this.resetValue.bind(this);
+      this.setValidations = this.setValidations.bind(this);
       this.setValue = this.setValue.bind(this);
       this.showRequired = this.showRequired.bind(this);
+      this.showError = this.showError.bind(this);
     }
 
     componentWillMount() {
diff --git a/tests/Element-spec.js b/tests/Element-spec.js
@@ -608,6 +608,43 @@ export default {
 
     test.done();
 
+  },
+
+  'binds all necessary methods': function (test) {
+    const onInputRef = input => {
+      [
+        'getErrorMessage',
+        'getErrorMessages',
+        'getValue',
+        'hasValue',
+        'isFormDisabled',
+        'isValid',
+        'isPristine',
+        'isFormSubmitted',
+        'isRequired',
+        'isValidValue',
+        'resetValue',
+        'setValidations',
+        'setValue',
+        'showRequired',
+        'showError',
+      ].forEach(fnName => {
+        const fn = input[fnName];
+        try {
+          fn();
+        } catch(e) {
+          throw new Error(`Method '${fnName}' isn't bound.`);
+        }
+      });
+
+      test.done();
+    }
+
+    TestUtils.renderIntoDocument(
+      <Formsy>
+        <TestInput ref={onInputRef} name="name" value="foo" />
+      </Formsy>
+    );
   }
 
 };
