1

次のようなタグがあります。

<ul id="genres-bar" >

ユーザーが「ロマンス」チェックボックスを選択すると、背景が変化し、タグが次のように変わります。

<ul id="genres-bar" class=" romance">

この属性を確認/アクセスするにはどうすればよいですか? 全体として、色の変化が発生したことを確認したいと思います。

チェックボックスをクリックすると、次の CSS スニペットが表示されることに気付きました。

#movies.gen-romance .m-gen-R {
    background-color: #FF0000;
}

また、チェックを外すと消えます。

私はhtml、css、xpathsなどに不慣れで、同様の質問を見つけるのに苦労しているかもしれませんが、これまでの調査では理解できる答えが得られませんでした.

この回答は役に立ちましたが、Javaにあります。それを私の問題に適用する方法がわかりませんが、とても似ているようです：

セレンのcssクラスプロパティにアクセスする

そして、これはこれまでのところ要素を見つけようとする私の試みです:

verify {@driver.find_element(:xpath, '//*[@id="genres-bar" @class=" romance"]')}
4

2 に答える 2

2

おそらく、以下の2つの部分が役立つかもしれません。私はあなたのニーズについて明確ではありませんが：

css_value(prop)そしてattribute(name)役に立ちます。あなたの場合。

@driver.find_element(:css, '#genres-bar').css_value('background-color')
# => '#FF0000'
@driver.find_element(:css, '#genres-bar').attribute('class')
# => " romance"
于 2013-06-27T20:43:19.933 に答える
1

こんなことをしたらどうですか

verify {@driver.find_element(:xpath, '//*[@id="genres-bar"][@class=" romance"]')}

また

verify {@driver.find_element(:xpath, '//*[@id="genres-bar" and @class=" romance"]')}

あなたはほとんどxpathを正しく持っていました。

于 2013-06-27T21:08:47.483 に答える