黄瓜、水豚和硒 - 提交不带按钮的表单

Question

我使用 Cucumber、capybara 和 selenium 驱动程序进行了测试。该测试应填写表格并提交。正常的文本是

  Scenario: Fill form
    Given I am on the Form page
    When I fill in "field1" with "value1"
    And I fill in "field2" with "value2"
    And I press "OK"
    Then I should see "Form submited"

问题是我在表单中没有“确定”按钮 我需要一种方法来执行“form.submit”，而无需单击任何按钮或链接 - 与使用浏览器在表单字段中按 ENTER 时发生的情况相同。

我不知道如何告诉水豚提交表格。我该怎么做呢？

Answer 1

您可以访问 selenium send_keys< /a> 调用返回事件的方法，例如

 find_field('field2').native.send_key(:enter)

Answer 2

一个简单的解决方案：

When /^I submit the form$/ do
  page.evaluate_script("document.forms[0].submit()")
end

使用 capybara-envjs 为我工作。也应该与硒一起使用。

Answer 3

我只得自己解决这个问题。在 webrat 中我有这样的东西：

Then /^I submit the "([^\"]*)" form$/ do |form_id|
  submit_form form_id
end

我能够在 Capybara 中实现同样的事情：

  Then /^I submit the "([^\"]*)" form$/ do |form_id|
    element = find_by_id(form_id)
    Capybara::RackTest::Form.new(page.driver, element.native).submit :name => nil
  end

Answer 4

使用 capybara Selenium 驱动程序，您可以执行以下操作：

within(:xpath, "//form[@id='the_form']") do
  locate(:xpath, "//input[@name='the_input']").set(value)
  locate(:xpath, "//input[@name='the_input']").node.send_keys(:return)
end

Answer 5

简而言之：你不能。

某些浏览器根本不允许您在没有提交按钮的情况下提交表单（尤其是 Internet Explorer <= 6）。所以这种形式一开始就是个坏主意。添加一个提交按钮并使用 CSS 将其放置在屏幕之外。

Answer 6

您可能会推出自己的步骤（例如，我使用链接“确定”提交表单），并自己模拟提交功能。

这里是 Rails 3 中删除的 javascript 模拟，以支持“unobtrusive”（强调引号）Javascript。这条线

Capybara::Driver::RackTest::Form.new(driver, js_form(self[:href], emulated_method)).submit(self)

可能是回答你的问题的线索。完整代码位于此处

Answer 7

我建议您添加一个提交按钮，然后使用 CSS 隐藏它。然后您可以测试表单提交，但仍然获得您想要的用户行为。

Answer 8

使用 Webrat，您可以

When /^I submit the form$/ do
  submit_form "form_id"
end

： 307，RSpec 书

Answer 9

display:none 解决方案不适用于使用 selenium 驱动程序的水豚，因为 selenium 抱怨与不可见元素交互。
如果您尝试上述解决方案，您最终可能会看到以下错误消息：

Element is not currently visible and so may not be interacted with (Selenium::WebDriver::Error::ElementNotVisibleError)

Answer 10

您可以尝试发送换行符：

find_field('field2').native.send_key("\n")

Answer 11

这有点hackish，但它满足了需求。我对 Capybara 进行了猴子修补，以支持元素上的 #submit 方法。

它并不健壮，因为它天真地从每个输入元素的 name 和 value 属性创建 POST 参数。 （就我而言，我所有的 元素都是 hidden 类型，所以它工作正常）。

class Capybara::Node::Element
  # If self is a form element, submit the form by building a
  # parameters from all 'input' tags within this form.
  def submit
    raise "Can only submit form, not #{tag_name}" unless tag_name =~ /form/i

    method = self['method'].to_sym
    url = self['action']
    params = all(:css, 'input').reduce({}) do |acc, input|
      acc.store(input['name'], input['value'])
      acc
    end

    session.driver.submit(method, url, params)
  end
end

...

form = find('#my_form_with_no_submit_button')
form.submit

Answer 12

试试这个..

find(:css, "input[name$='login']").native.send_keys :enter