feat: Add data-cy and data-testid props for test support (#296)

* Add support for data-cy for e2e tests

* Add support for testid

Author: causztic

src/lib/index.jsx

@@ -86,9 +86,8 @@ class SingleOtpInput extends PureComponent {
         style={{ display: 'flex', alignItems: 'center' }}
       >
         <input
-          aria-label={`${
-            index === 0 ? 'Please enter verification code. ' : ''
-          }${isInputNum ? 'Digit' : 'Character'} ${index + 1}`}
+          aria-label={`${index === 0 ? 'Please enter verification code. ' : ''
+            }${isInputNum ? 'Digit' : 'Character'} ${index + 1}`}
           autoComplete="off"
           style={Object.assign(
             { width: '1em', textAlign: 'center' },
@@ -334,6 +333,8 @@ class OtpInput extends Component {
           isInputNum={isInputNum}
           isInputSecure={isInputSecure}
           className={className}
+          data-cy={this.props["data-cy"] ? `${this.props["data-cy"]}-${i}` : null}
+          data-testid={this.props["data-testid"] ? `${this.props["data-testid"]}-${i}` : null}
         />
       );
     }