有没有一种方法可以使用Capybara将按键发送到Webkit？

Question

在使用Capybara和WebKit的集成测试中，我需要向Web应用程序发送一些按键。 使用Selenium（WebDriver和Firefox），我可以这样实现：

find("#element_id").native.send_keys :tab

但是WebKit的本机元素节点没有send_keys方法。 实际上，WebKit中的native返回了一个包含数字的字符串。 还有另一种将击键发送到WebKit的方法吗？ 也许甚至可以使用JavaScript / jQuery来解决问题？

Answer 1

我一直在尝试实现Marc的答案，但没有获得任何成功，但是我从类似的问题中找到了一些帮助： capybara：使用Enter键终止表单字段值 。 很显然，水豚发出了拉动请求 ，似乎解决了这个问题。

对我有用的是：

before { fill_in "some_field_id", with: "\t" }

我的示例删除了该字段中的文本，然后按Tab 。 要用'foobar'填充字段，请用"foobar\\t"替换"\\t" "foobar\\t" 。 您也可以使用"\\n"作为Enter键。

例如，您可以使用：

find("#element_id").set("\t")

Answer 2

您可以这样做：

keypress_script = "var e = $.Event('keydown', { keyCode: #{keycode} }); $('body').trigger(e);"
page.driver.browser.execute_script(keypress_script)

Answer 3

这与Poltergeist一起为我工作，触发了星号键：

find("body").native.send_key("*")

我没有其他解决方案的运气。 甚至都不是Syn。

这是为了触发一个角度热键事件。

Answer 4

现在，从Capybara-webkit 1.9.0开始，您可以使用send_keys发送回车键和其他回车键：

find("textarea#comment").send_keys(:enter)

来源： https : //github.com/thoughtbot/capybara-webkit/issues/191#issuecomment-228758761

Capybara API文件： http ://www.rubydoc.info/github/jnicklas/capybara/Capybara%2FNode%2FElement%3Asend_keys

Answer 5

我最终做了以下工作：

Capybara.current_driver = Capybara.javascript_driver
keypress_script = "$('input#my_field').val('some string').keydown();"
page.driver.browser.execute_script(keypress_script)

我在Chrome浏览器中测试了我的JavaScript，发现实际上是使用keyCode或charCode创建$.Event ，然后在输入字段中触发该事件时并未将字符放入输入中。 我正在测试自动完成功能，要求在输入字段中输入几个字符，然后它将在keydown上启动自动完成功能。 因此，我使用val手动设置输入值，然后触发keydown来启动自动完成脚本。

Answer 6

对于简单的情况，可以在JS中触发keypress事件：

def press(code)
  page.execute_script("$('#my-input').trigger($.Event('keypress', {keyCode: #{code}}))")
end

要获得更通用，更可靠的答案，请使用这个功能强大的库 ，该库会遇到触发正确事件的麻烦（即keydown ，然后是keypress ，最后是keyup ）。

def type(string)
  page.execute_script("Syn.click({}, 'my-input').wait().type(#{string.to_json})")
end

一个更复杂的例子可以在这里找到

Answer 7

这是我的解决方案，适用于capybara 2.1.0 ：

fill_in('token-input-machine_tag_list', :with => 'new tag name')
page.evaluate_script("var e = $.Event('keydown', { keyCode: 13 }); $('#token-input-machine_tag_list').trigger(e);") # Press enter

请注意，在新的水豚中，您必须使用page.evaluate_script 。

Answer 8

对于Capybara Webkit，这是我使用的解决方案：

def press_enter(input)
  script = "var e = jQuery.Event('keypress');"
  script += "e.which = 13;"
  script += "$('#{input}').trigger(e);"
  page.execute_script(script);
end

然后在测试中像下面这样干净地使用它：

press_enter("textarea#comment")