不透明度に基づいて要素のvisibillityを確認

Question

私はボタンのクリックで隠されている要素を持っていますが、美的理由から不透明度を変更して隠す要素があります。 Capybaraを使用してこの要素の不透明度が0であることを確認するにはどうすればよいですか？

<div class="row lower-section" style="opacity: 0; "> 

残念ながらis_visible（）doesn't check CSS。

おかげで、

マイク

Answer 1

私はボタンを探し、そのスタイルのタグをチェックするためにXPathを使用しようとするだろう。 何かのようなもの...

page.should have_xpath(:xpath, "//div[@class='row lower-section' @style='opacity: 0;') 

は動作します。詳細は

チェックドキュメントは

Answer 2

私は物事のこれらの種類のために最適に動作するためにjQueryのを見つけました。私は、xpathsを使用することは、あまりにも気まずいことであることを発見しました。特に、ラックテストではなくウェブテストの場合は特にそうです。私は次のようなことをします：

Given I do something 
Then I should see that "element" has "opacity" value "0" 

Then /^I should see that "([^\"]*)" has "([^\"]*)" value "([^\"]*)"$/ do |element, 
    property,value| 
@result = page.evaluate_script("$('#{element}').css('#{property}');") 
@result.should eql(value), "expected #{property} on #{element} to be #{value}" 
end