Send correct inputType when typing (#244)

Author: lindagruenwald

lib/capybara/cuprite/javascripts/index.js

@@ -180,8 +180,7 @@ class Cuprite {
   }
 
   input(node) {
-    let event = document.createEvent("HTMLEvents");
-    event.initEvent("input", true, false);
+    let event = new InputEvent("input", { inputType: "insertText", bubbles: true, cancelable: false });
     node.dispatchEvent(event);
   }
 

spec/features/driver_spec.rb

@@ -1470,6 +1470,11 @@ def create_screenshot(file, *args)
             expect(input.value).to eq("abc")
           end
 
+          it "uses the 'insertText' inputType for input event" do
+            input.set("a")
+            expect(output["data-input-type"]).to eq("insertText")
+          end
+
           it "doesn't call the change event if there is no change" do
             input.set("a")
             input.set("a")

spec/support/views/input_events.erb

@@ -9,7 +9,10 @@
       const log = (s) => output.textContent = `${output.textContent} ${s}`
       input.addEventListener('keydown', () => log('keydown'))
       input.addEventListener('keypress', () => log('keypress'))
-      input.addEventListener('input', () => log('input'))
+      input.addEventListener('input', (event) => {
+        log('input');
+        output.dataset.inputType = event.inputType;
+      })
       input.addEventListener('keyup', () => log('keyup'))
       input.addEventListener('change', () => log('change'))
     </script>