Send instance of KeyboardEvent on keyup/keydown/keypress (#246)

Author: lindagruenwald

lib/capybara/cuprite/javascripts/index.js

@@ -151,15 +151,15 @@ class Cuprite {
         // call the following functions in order, if one returns false (preventDefault),
         // stop the call chain
         [
-          () => this.keyupdowned(node, "keydown", keyCode),
+          () => this.keyupdowned(node, "keydown", char, keyCode),
           () => this.keypressed(node, false, false, false, false, char.charCodeAt(0), char.charCodeAt(0)),
           () => {
             this.setValue(node, node.value + char)
             this.input(node)
           }
         ].some(fn => fn())
 
-        this.keyupdowned(node, "keyup", keyCode);
+        this.keyupdowned(node, "keyup", char, keyCode);
       }
     }
 
@@ -187,27 +187,34 @@ class Cuprite {
   /**
    * @return {boolean} false when an event handler called preventDefault()
    */
-  keyupdowned(node, eventName, keyCode) {
-    let event = document.createEvent("UIEvents");
-    event.initEvent(eventName, true, true);
-    event.keyCode  = keyCode;
-    event.charCode = 0;
+  keyupdowned(node, eventName, char, keyCode) {
+    let event = new KeyboardEvent(
+      eventName, {
+        bubbles: true,
+        cancelable: true,
+        key: char,
+        keyCode: keyCode
+      }
+    );
     return !node.dispatchEvent(event);
   }
 
   /**
    * @return {boolean} false when an event handler called preventDefault()
    */
   keypressed(node, altKey, ctrlKey, shiftKey, metaKey, keyCode, charCode) {
-    event = document.createEvent("UIEvents");
-    event.initEvent("keypress", true, true);
-    event.window   = window;
-    event.altKey   = altKey;
-    event.ctrlKey  = ctrlKey;
-    event.shiftKey = shiftKey;
-    event.metaKey  = metaKey;
-    event.keyCode  = keyCode;
-    event.charCode = charCode;
+    let event = new KeyboardEvent(
+      "keypress", {
+        bubbles: true,
+        cancelable: true,
+        altKey: altKey,
+        ctrlKey: ctrlKey,
+        shiftKey: shiftKey,
+        metaKey: metaKey,
+        keyCode: keyCode,
+        charCode: charCode
+      }
+    );
     return !node.dispatchEvent(event);
   }