handle sending keys to a date input element

nimeacuerdo · Mar 8, 2013 · bc59c1a · bc59c1a
1 parent 66a54be
commit bc59c1a
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/javascript/atoms/action.js b/javascript/atoms/action.js
@@ -169,6 +169,23 @@ bot.action.type = function(
     }
   }
 
+  // mobile safari (iPhone / iPad). one cannot 'type' in a date field
+  if (goog.userAgent.WEBKIT && element.type == 'date') {
+    var val = goog.isArray(values)? values = values.join("") : values;
+    if (val.match(/\d\d\d\d-\d\d-\d\d/)) {
+      // The following events get fired on iOS first
+      if (goog.userAgent.MOBILE && goog.userAgent.product.SAFARI) {
+        bot.events.fire(element, bot.events.EventType.TOUCHSTART);
+        bot.events.fire(element, bot.events.EventType.TOUCHEND);
+      }
+      bot.events.fire(element, bot.events.EventType.FOCUS);
+      element.value = val;
+      bot.events.fire(element, bot.events.EventType.CHANGE);
+      bot.events.fire(element, bot.events.EventType.BLUR);
+      return;
+    }
+  }
+
   if (goog.isArray(values)) {
     goog.array.forEach(values, typeValue);
   } else {

diff --git a/javascript/atoms/test/type_test.html b/javascript/atoms/test/type_test.html
@@ -472,6 +472,12 @@
         assertFalse(keyboard.isPressed(SHIFT));
       });
     }
+
+    function testTypeDate() {
+      var dateInput = document.getElementById("date");
+      bot.action.type(dateInput, "2013-01-01");
+      assertEquals(dateInput.value, "2013-01-01");
+    }
   </script>
 </head>
 <body>
@@ -482,6 +488,7 @@
     <input type="password" id="password"/>
     <input type="email" id="email"/>
     <input type="search" id="search"/>
+    <input type="date" id="date"/>
     <textarea id="textarea"></textarea>
     <input type="text" id="inputCount"/>
     <input type="text" id="textInputCount"/>