ruby - 要素の CSS 値を確認しますか?

Question

例: div タグの css が

div{background-color: #444444}

結果に応じて true/false を返しますか?

私はwatir webdriverを使用してテストスクリプトを実行しています.cssの値をチェックして、変更が適用されているかどうかなどを確認する必要があります.

Answer 1

Watir-webdriver にはstyle、計算されたスタイルを取得するためのメソッドが組み込まれています。

以下を使用してスタイルを取得します。

div.style('background-color')

これは、計算されたスタイルの値を表す文字列を返します。次に、それを期待値と比較できます。

Answer 2

Nokogiri (HTML パーサー) と CSSPool (CSS パーサー) を組み合わせて、スタイルと、本体にそのセレクターがある要素を探す必要があります。

Answer 3

Javascriptで次のようなことを試すことができます：

var bg = document.defaultView.getComputedStyle(yourElement).getPropertyValue('background-color');
if (bg == '#444444'){
// do your code here
}

古いブラウザの場合は、これを確認する必要がある場合があります。