确保 Capybara 中不存在某个元素

Question

使用 Capybara，我需要断言表单元素不存在，例如，“那么我不应该看到“用户名”文本字段”。由于如果找不到元素， find 会抛出异常，因此这是我想出的最好的方法。有更好的办法吗？

Then /^I should not see the "([^\"]+)" ([^\s]+) field$/ do |name, type|
  begin
    # Capybara throws an exception if the element is not found
    find(:xpath, "//input[@type='#{type}' and @name='#{name}']")
    # We get here if we find it, so we want this step to fail
    false
  rescue Capybara::ElementNotFound
    # Return true if there was an element not found exception
    true
  end 
end

我是水豚新手，所以我可能会遗漏一些明显的东西。

Answer 1

您可以通过使用水豚 has_no_selector 来做到这一点？方法与 rspecs 魔法匹配器相结合。然后您可以通过以下方式使用它：

 page.should have_no_selector(:xpath, "//input[@type='#{type}' and @name='#{name}']")

您可以在 capybara 文档页面 此处<查看可以执行的断言的更多详细信息/a> 在标题为“查询”的部分下

Answer 2

您实际上可以使用 Capybara 匹配器定义的现有方法。

assert has_no_field?('Username')

此外，还有其他可用的方法可以帮助您在页面中查找不同类型的元素

has_link? , has_no_link?
has_button?, has_no_button?
has_field?, has_no_field?
has_checked_field?, has_no_checked_field?
has_select?, has_no_select?

等等。 。 。

Answer 3

这是我正在使用的：

expect(page).to have_no_css('.test')

Answer 4

我尝试了 Derek 建议的解决方案，但是，我遇到了一些误报。

这也是

page.should have_no_selector(:xpath, "//input[@type='#{type}' and @name='#{name}']")

即使由于某种原因应该失败，

通过的。我发现 raise_error 的 RSpec 语法取得了成功，

expect { find(:xpath, "//input[@type='#{type}' and @name='#{name}']") }.to raise_error

我认为这更接近您所要求的。所以我提出这个作为答案。

Answer 5

执行此操作的最佳方法是找到该元素并断言它不存在。这不仅创建了可重用的代码，而且如果找不到它，整个测试也不会失败。

这就是我所做的...

定义您的对象

def username
    page.find('.username')
end

然后与规范文件中的对象进行交互

username.should be_true

您真的不应该关心该元素是否在页面上（大多数时候）。当你编写测试时，你关心的是你是否可以与该元素交互...这就是为什么我首先定义对象，然后使用“用户名”与其交互...看看有多少可重用的代码你可以生成？现在您可以单击、悬停、断言元素存在、向元素填充文本等。

此外，您绝对应该尽可能考虑使用 css 而不是 xpath。 xpath 更容易破解并且更难阅读。

Answer 6

我也有同样的问题。但由于我将 Capybara 与 Minitest 一起使用，接受的解决方案对我不起作用。我想如果有人和我有同样的情况会发现这个问题，我应该添加它。

也可以使用：

assert page.has_no_xpath?('//input[@type='#{type}' and @name='#{name}'"]')

Answer 7

在规范文件中

expect(@app.some_page_name.is_visible?('search_button')) == true

在页面文件中

element :search_button, :xpath, "//div[@class='dummy']"

在基本页面文件中

def is_visible?(value)
  begin
    eval(value).visible?
    return true
  rescue => e
    p e.message
    return false
  end
end