Getting status of input to be valid or not

Author: renanborgez

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-nice-input-password",
-  "version": "2.0.3",
+  "version": "2.1.0",
   "description": "React input password component",
   "main": "dist/react-nice-input-password.js",
   "style": "dist/react-nice-input-password.css",

src/NiceInputPassword.jsx

@@ -78,6 +78,7 @@ class NiceInputPassword extends React.Component {
     this.props.onChange({
       name: this.props.name,
       value: target.value,
+      isValid: this.state.levels.filter(level => level.isValid).length > 0,
     });
 
     this.setState({

src/NiceInputPassword.test.jsx

@@ -309,13 +309,43 @@ describe('components', () => {
       expect(markers[0].className).toBe('green');
     });
 
-    it('calls onChange handler', () => {
+    it('calls onChange handler and return valid', () => {
       const onChange = jest.fn();
       const div = document.createElement('div');
       render(<NiceInputPassword
         label="myLabel"
         name="myName"
-        value=""
+        value="a"
+        securityLevels={[
+          {
+            descriptionLabel: 'Sample 1',
+            validator: () => true,
+          },
+        ]}
+        onChange={onChange}
+      />, div);
+
+      const input = div.querySelector('#myName');
+      input.value = 'newValue';
+      ReactTestUtils.Simulate.change(input);
+
+      expect(onChange).toHaveBeenCalled();
+      expect(onChange.mock.calls[0][0].isValid).toBe(true);
+    });
+
+    it('calls onChange handler and return not valid', () => {
+      const onChange = jest.fn();
+      const div = document.createElement('div');
+      render(<NiceInputPassword
+        label="myLabel"
+        name="myName"
+        value="a"
+        securityLevels={[
+          {
+            descriptionLabel: 'Sample 1',
+            validator: () => false,
+          },
+        ]}
         onChange={onChange}
       />, div);
 
@@ -324,6 +354,7 @@ describe('components', () => {
       ReactTestUtils.Simulate.change(input);
 
       expect(onChange).toHaveBeenCalled();
+      expect(onChange.mock.calls[0][0].isValid).toBe(false);
     });
   });
 });