Webrat 说它找不到某些文本，但文本实际上在那里

Question

我有一个网页，上面有一个名为“删除”的表单按钮，还有一个 cuke 场景，其中包含以下行：

And I should see "delete"

当我运行该场景时，我收到此错误：

expected the following element's content to include "delete"

...并将 webrat 页面转储到 stdout 和“删除”实际上不存在。到目前为止，一切都很好。但是，当我告诉 webrat 在错误发生之前向我显示页面时：

Then show me the page
And I should see "delete"

...Safari 启动并向我显示该页面，并且在 Safari 中有“删除”按钮，完全在那里。

为什么 webrat 找不到表单按钮？我在表单字段上也遇到了同样的问题，例如页面加载时其中有值的文本输入，但 webrat 说那里什么也没有。在 Safari 中查看，再次显示该字段中确实包含正确的文本。

这是一个错误，还是 webrat 不适合检查表单元素？有其他方法可以做到这一点吗？谢谢！

Answer 1

您可以通过编写自己的步骤定义来检查表单元素。例如，要查找值为“删除”的按钮，请将您的功能编写为：

我应该看到值为“删除”的按钮

以及步骤定义：

Then /^I should see a button with a value of "([^\"]*)"$/ do |value|
  response.should have_selector("form input[value=#{value}]")
end

作为旁注，您会注意到，如果您的自定义步骤失败，它将转储整个响应，然后您将看到表单元素。我不完全确定这是为什么，但显然当你写“我应该看到......”时，Cucumber 与表单元素的值不匹配

Webrat 声称支持 CSS3 选择器，用于在使用 have_selector 语法时匹配 HTML 元素。

Answer 2

致 Leonardo：

对于其中包含空格的按钮标签，您需要将 value 包含在引号中，如下所示：

Then /^I should see a button with a value of "([^\"]*)"$/ do |value|
  response.should have_selector("form input[value='#{value}']")
end

Answer 3

检查您正在测试的 HTML 是否有效

Answer 4

万一其他人遇到这个。上面的答案对我不起作用（不知道为什么），但以下答案对我有用。

Then /^I should see a button with "([^"]*)"$/ do |button_text|
  if page.respond_to? :should
    page.should have_xpath("//input[contains(@value,'#{button_text}')]")
  else
    assert page.has_xpath?("//input[contains(@value,'#{button_text}')]")
  end
end