How do I simulate hitting enter in an input field with Capybara and ChromeDriver?
JavascriptJqueryRuby on-RailsCapybaraSelenium ChromedriverJavascript Problem Overview
I have the following helper method to input a string into an input field and press the enter key, but it seems the enter key is never pressed. I see the string entered into the input field, but the events that take place upon hitting enter never happened.
I've tested in an actual browser that the enter key correctly fires the expected events. I'm not sure what I'm missing.
def fill_and_trigger_enter_keypress(selector, value)
page.execute_script %Q(
var input = $('#{selector}');
input.val('#{value}');
input.trigger("keypress", [13]);
)
end
EDIT:
I've also tried the following to no avail:
find('#q_name').native.send_keys(:return)
find('#q_name').native.send_keys(:enter)
They don't cause any error, but still no enter key pressed.
Javascript Solutions
Solution 1 - Javascript
find('#q_name').native.send_keys(:return)
works for me. I dont have a name or id for my field but the type is input so i used something like
find('.myselector_name>input').native.send_keys(:return)
works perfectly fine!
Solution 2 - Javascript
These days (Capybara version 2.5+) you can simulate the <enter> key in the following way:
find('.selector').set("text\n")
The \n (new line) is the very important bit here.
Solution 3 - Javascript
Usually when you run page.execute_script, you get the same results as if you were running that in the page console. Try running that manually in the console and see if you get the expected results. That is usually what I do.. craft the needed js code in the browser console window and paste it into the capybara code when it is working, using execute_script.
Solution 4 - Javascript
Capybara doesn't have native support for a send_keys type event. You might be able to go down to selenium to do it, or you can try this gem https://github.com/markgandolfo/send-keys
Solution 5 - Javascript
It works for me
page.execute_script("$('form.css-class/#form_id').submit()")
Solution 6 - Javascript
@Page.selector.send_keys :return
This works for me, where selector is the element in your page object
element :selector, '<css selector>'