水豚斷言元素的屬性

Question

我正在使用RSpec2和水豚進行驗收測試。

我想聲明該鏈接已禁用或不在水豚。我怎樣才能做到這一點？

Answer 1

如何禁用鏈接？這是你添加的課程嗎？屬性？

# 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 2

這是一個有點亂，找出正確的XPath，這裏是正確的，使用
水豚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 3

另一種簡單的解決方法是訪問屬性您正在尋找[]的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 4

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

have_link預計hash選項裏面是空的，如果你不提供任何。您可以指定鏈接應具有的任何屬性 - 只要確保您通過ONE散列中的所有選項。

希望這有助於

PS：對於像數據方法的屬性，你必須通過屬性名稱作爲字符串，因爲連字符打破符號。

Answer 5

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 6

只要有可能，你應該嘗試使用Capybara提供的包裝，這將更加一致地工作驅動程序。

對於disabled的特定情況下，一個包裝在2.1中引入：https://github.com/jnicklas/capybara/blob/fc56557a5463b9d944207f2efa401faa5b49d9ef/History.md#version-210

如果你使用它，你會得到兩個RackTest和騷靈有意義的結果：

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 

請注意，如果使用這種替代CSS選擇器的方式，那麼如果您開始使用支持Js的驅動程序，則JavaScript測試將無需任何更改即可正常工作。

可運行的測試文件here。

Answer 7

我建議在兩個單獨的斷言中使用have_link和find_link(name)[:disabled]。雖然單獨執行第二個斷言更簡單，但這會使有關缺失鏈接的錯誤消息看起來更好，從而使您的測試結果更易於閱讀。

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

注意"Example"可以更改爲鏈接的名稱或ID。

Answer 8

使用Rspec3的語法，我就是這麼做的：

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

Answer 9

只要您可以使用page.has_css?方法

page.has_css?('.class_name') 

如果元素存在，這將返回true。

根據驗證做一些操作。

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