Adding <Control.password>. Addresses #739

Author: davidkpiano

src/components/control-component.js

@@ -747,6 +747,24 @@ function createControlClass(s = defaultStrategy) {
 
   DefaultConnectedControl.text = DefaultConnectedControlText;
 
+  class DefaultConnectedControlPassword extends DefaultConnectedControl {
+    render() {
+      return (
+        <ConnectedControl
+          component="input"
+          {...this.props}
+          mapProps={{
+            ...controlPropsMap.text,
+            type: this.props.type || 'password',
+            ...this.props.mapProps,
+          }}
+        />
+      );
+    }
+  }
+
+  DefaultConnectedControl.password = DefaultConnectedControlPassword;
+
   class DefaultConnectedControlTextArea extends DefaultConnectedControl {
     render() {
       return (

test/control-component-spec.js

@@ -153,6 +153,7 @@ Object.keys(testContexts).forEach((testKey) => {
     const textFieldElements = [
       [''],
       ['text'],
+      ['password'],
       ['text', 'email'],
       ['input', 'text'],
       ['input', 'password'],
@@ -220,9 +221,9 @@ Object.keys(testContexts).forEach((testKey) => {
             'testing again');
         });
 
-        if (controlType === 'text' && !type) {
-          it('should have a type="text"', () => {
-            assert.equal(node.getAttribute('type'), 'text');
+        if ((controlType === 'text' || controlType === 'password') && !type) {
+          it(`should have a type="${controlType}"`, () => {
+            assert.equal(node.getAttribute('type'), controlType);
           });
         } else {
           it('should have the appropriate type attribute', () => {