Add possibility to Add validateOnBlur once on formOptions. (#110)

Author: MayGo

src/useFormState.js

@@ -251,7 +251,7 @@ export default function useFormState(initialState, options) {
 
         formOptions.onChange(e, formState.current.values, newValues);
 
-        if (!inputOptions.validateOnBlur) {
+        if (!formOptions.validateOnBlur && !inputOptions.validateOnBlur) {
           validate(e, value, newValues);
         }
 

test/useFormState-validation.test.js

@@ -11,7 +11,7 @@ describe('passing a custom input validate function', () => {
       <input {...text({ name: 'name', validate })} />
     ));
 
-    expect(validate).not.toHaveBeenCalledWith();
+    expect(validate).not.toHaveBeenCalled();
     change({ value: 'test' });
     expect(validate).toHaveBeenCalledWith(
       'test',
@@ -31,7 +31,25 @@ describe('passing a custom input validate function', () => {
     ));
 
     change({ value: 'test' });
-    expect(validate).not.toHaveBeenCalledWith();
+    expect(validate).not.toHaveBeenCalled();
+    blur();
+    expect(validate).toHaveBeenCalledWith(
+      'test',
+      { name: 'test' },
+      INPUT_CHANGE_EVENT,
+    );
+  });
+
+  it('calls input validate function on blur with validateOnBlur on formState', () => {
+    const validate = jest.fn(() => false);
+    const { change, blur } = renderWithFormState(
+      ([, { text }]) => <input {...text({ name: 'name', validate })} />,
+      {},
+      { validateOnBlur: true },
+    );
+
+    change({ value: 'test' });
+    expect(validate).not.toHaveBeenCalled();
     blur();
     expect(validate).toHaveBeenCalledWith(
       'test',