Missing tests and bump version

Author: renanborgez

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-nice-input-password",
-  "version": "1.0.11",
+  "version": "2.0.0",
   "description": "React input password component",
   "main": "dist/react-nice-input-password.js",
   "style": "dist/react-nice-input-password.css",
@@ -69,13 +69,13 @@
     "postcss-loader": "^2.0.10",
     "postcss-modules": "^1.1.0",
     "react-dev-utils": "^4.2.1",
-    "react-dom": "^16.2.0",
     "sass-loader": "^6.0.6",
     "style-loader": "^0.19.1",
     "webpack": "^3.10.0"
   },
   "dependencies": {
     "prop-types": "^15.6.0",
+    "react-dom": "^16.2.0",
     "react": "^16.2.0"
   }
 }

src/NiceInputPassword.jsx

@@ -99,35 +99,35 @@ class NiceInputPassword extends React.Component {
     let inputClassName = '';
     const levelsMarkerNode =
     this.state.levels.map((item, index) => {
-      let markclassName = '';
+      let markerClassName = '';
       const levelsLength = this.state.levels.length;
       const levelsValidLength = this.state.levels.filter(level => level.isValid).length;
 
       if (value !== '') {
         switch (true) {
         case levelsLength === levelsValidLength:
-          markclassName = successClassName;
+          markerClassName = successClassName;
           break;
 
         case levelsValidLength === 1 && index === 0:
-          markclassName = dangerClassName;
+          markerClassName = dangerClassName;
           break;
 
         case levelsValidLength > 1 && index < levelsValidLength:
-          markclassName = warningClassName;
+          markerClassName = warningClassName;
           break;
 
         default:
-          markclassName = normalClassName;
+          markerClassName = normalClassName;
           break;
         }
       }
 
       if (index === 0) {
-        inputClassName = markclassName;
+        inputClassName = markerClassName;
       }
 
-      return <div className={markclassName} key={`marker-${escape(item.descriptionLabel)}`} />;
+      return <div className={markerClassName} key={`marker-${escape(item.descriptionLabel)}`} />;
     });
 
     const levelsDescriptionNode =

src/NiceInputPassword.test.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { render } from 'react-dom';
+import ReactTestUtils from 'react-dom/test-utils';
 
 import NiceInputPassword from './NiceInputPassword';
 
@@ -272,5 +273,57 @@ describe('components', () => {
       expect(markers[2].className).toBe('yellow');
       expect(markers[3].className).toBe('gray');
     });
+
+    it('must validate with regex validator', () => {
+      const securityLevels = [
+        {
+          descriptionLabel: 'Validate letter',
+          validator: /.*[a-zA-Z].*/,
+        },
+      ];
+      const div = document.createElement('div');
+      render(<NiceInputPassword
+        label="myLabel"
+        name="myName"
+        securityLevels={securityLevels}
+        dangerClassName="red"
+        successClassName="green"
+        warningClassName="yellow"
+        normalClassName="gray"
+        showSecurityLevelDescription
+        showSecurityLevelBar
+        value="abcd"
+      />, div);
+
+      const input = div.querySelector('#myName');
+      const markers = div.querySelectorAll('.input-password__marker div');
+      const descriptions = div.querySelectorAll('.input-password__description li');
+
+      expect(descriptions[0].className).toBe('red');
+      expect(markers[0].className).toBe('gray');
+
+      input.value = 'newValue';
+      ReactTestUtils.Simulate.change(input);
+
+      expect(descriptions[0].className).toBe('green');
+      expect(markers[0].className).toBe('green');
+    });
+
+    it('calls onChange handler', () => {
+      const onChange = jest.fn();
+      const div = document.createElement('div');
+      render(<NiceInputPassword
+        label="myLabel"
+        name="myName"
+        value=""
+        onChange={onChange}
+      />, div);
+
+      const input = div.querySelector('#myName');
+      input.value = 'newValue';
+      ReactTestUtils.Simulate.change(input);
+
+      expect(onChange).toHaveBeenCalled();
+    });
   });
 });

src/components/InputLabel.test.jsx

@@ -36,7 +36,7 @@ describe('components', () => {
       expect(input.placeholder).toBe('myPlaceholder');
     });
 
-    it('calls onChange and returns data', () => {
+    it('calls onChange handler', () => {
       const onChange = jest.fn();
       const elementName = 'myInput';