水豚断言元素的属性

Question

我使用 RSpec2 和 Capybara 进行验收测试。

我想断言水豚中的链接是否被禁用。我该怎么做？

Answer 1

另一个简单的解决方案是使用 [] 访问您要查找的 HTML 属性：

find('#my_element')['class']
# => "highlighted clearfix some_other_css_class"

find('a#my_element')['href']
# => "http://example.com

# or in general, find any attribute, even if it does not exist
find('a#my_element')['no_such_attribute']
# => ""

请注意，Capybara 会自动尝试等待异步请求完成，但它可能不起作用在某些情况下：

• http://www.elabs.se /blog/53-why-wait_until-was-removed-from-capybara

如果您在对异步更新的元素进行断言时遇到问题，这里有一种解决方法：

• http://robots.thoughtbot.com/automatically-wait-for-ajax-with-capybara

Answer 2

你如何禁用该链接？这是您要添加的课程吗？属性？

# Check for a link that has a "disabled" class:
page.should have_css("a.my_link.disabled")
page.should have_xpath("//a[@class='disabled']")

# Check for a link that has a "disabled" attribute:
page.should have_css("a.my_link[disabled]")
page.should have_xpath("//a[@class='disabled' and @disabled='disabled']")

# Check that the element is visible
find("a.my_link").should be_visible
find(:xpath, "//a[@class='disabled']").should be_visible

实际的 xpath 选择器可能不正确。我不经常使用 xpath！

Answer 3

找出正确的 xpath 有点混乱，这是正确的，
使用 capybara 0.4.1.1

# <a href="/clowns?ordered_by=clumsyness" class="weep">View Clowns</a>  

page.should have_xpath("//a[@class='weep'][@href='/clowns?ordered_by=clumsyness']", :text => "View Clowns")

如果您只有一个没有类的链接，请使用

page.should have_link('View Clowns', :href => '/clowns?ordered_by=clumsyness')

类似这样的东西，遗憾的是不起作用：

page.should have_link('This will not work!', :href => '/clowns?ordered_by=clumsyness', :class => "weep")

类选项将被忽略。

Answer 4

我建议在两个单独的断言中使用 have_link 和 find_link(name)[:disabled] 。虽然单独执行第二个断言更简单，但这使得有关丢失链接的错误消息看起来更好，使您的测试结果更易于阅读。

expect(page).to have_link "Example"
expect(find_link("Example")[:disabled]).to be false

请注意，"Example" 可以更改为链接的名称或 ID。

Answer 5

page.should have_link('It will work this way!', {:href => '/clowns?ordered_by=clumsyness', :class => "smile"})

have_link 需要一个选项哈希，如果您不提供任何选项，则该哈希为空。您可以指定链接应具有的任何属性 - 只需确保在一个哈希中传递所有选项即可。

希望这会有所帮助

PS：对于像 data-method 这样的属性，您必须将属性名称作为字符串传递，因为连字符会破坏符号。

Answer 6

只要有可能，您应该尝试使用 Capybara 提供的包装器，这将在各个驱动程序之间更加一致地工作。

对于disabled的特殊情况，在2.1中引入了一个包装器：https://github.com/jnicklas/capybara/blob/fc56557a5463b9d944207f2efa401faa5b49d9ef/History.md#version-210

如果您使用它，您将在 RackTest 和 Poltergeist 上获得合理的结果：

HTML ：

<input type="text" id="disabled-false"            ></div>
<input type="text" id="disabled-true"     disabled></div>
<input type="text" id="disabled-js-true"          ></div>
<input type="text" id="disabled-js-false" disabled></div>
<script>
  document.getElementById('disabled-js-true').disabled = true
  document.getElementById('disabled-js-false').disabled = false
</script>

测试：

!all(:field, 'disabled-false',    disabled: false).empty? or raise
 all(:field, 'disabled-false',    disabled: true ).empty? or raise
 all(:field, 'disabled-true',     disabled: false).empty? or raise
!all(:field, 'disabled-true',     disabled: true ).empty? or raise
 all(:field, 'disabled-js-true',  disabled: true ).empty? or raise
 all(:field, 'disabled-js-false', disabled: false).empty? or raise

Capybara.current_driver = :poltergeist
!all(:field, 'disabled-false',    disabled: false).empty? or raise
 all(:field, 'disabled-false',    disabled: true ).empty? or raise
 all(:field, 'disabled-true',     disabled: false).empty? or raise
!all(:field, 'disabled-true',     disabled: true ).empty? or raise
!all(:field, 'disabled-js-true',  disabled: true ).empty? or raise
!all(:field, 'disabled-js-false', disabled: false).empty? or raise

请注意，如果您开始使用支持 Js 的驱动程序，请注意如何使用它而不是 CSS 选择器，Javascript 测试将无需任何更改即可工作。

可运行的测试文件此处。

Answer 7

只需使用 page.has_css? 方法，

page.has_css?('.class_name') 

如果元素存在，该方法将返回 true 。

根据验证执行一些操作。

page.has_css?('.class_name') do
  #some code
end

Answer 8

bowsersenior，感谢您的提示

另一个简单的解决方案是使用 [] 访问您正在查找的 HTML 属性

这是一个示例：

let(:action_items) { page.find('div.action_items') }

it "action items displayed as buttons" do
  action_items.all(:css, 'a').each do |ai|
    expect(ai[:class]).to match(/btn/)
  end
end

Answer 9

使用 Rspec3 的语法，我这样做了：

expect(page).not_to have_selector(:link_or_button, 'Click here')

Answer 10

根据 文档 您可以使用[attribute] 访问器语法：

find('#selector')['class'] => "form-control text optional disabled"

对于禁用的情况，您还可以执行以下操作：

expect(find('#selector').disabled?).to be(true)