檢查元素是否有兩個類

Question

我有2個可能的div。

<div class='a b'></div> 

和

<div class='c d'></div> 

有沒有一種方法來檢查，如果div元素有2類A和B？

我使用Ruby，水豚和XPath選擇元素，但如果可以解決問題，css是很好的。

Answer 1

這個CSS選擇器應在水豚工作：

page.has_css?('div.a.b') 

這將匹配

<div class="a b">但不<div class="a">

Answer 2

你可以這樣做：

page.should have_css('div.a.b') 

如果你不使用RSpec的，那就是：

page.has_css?('div.a.b') 

Answer 3

XPath的解決方案：

使用：

div[contains(concat(' ', @class, ' '), ' a ') 
    and 
    contains(concat(' ', @class, ' '), ' b ') 
    ] 

這將選擇任何div子上下文節點，其class屬性包含兩個類"a"和"b"。

如果要求選擇div的class屬性的任何恰好包含（只）這兩個類並沒有其他類，使用：

div[contains(concat(' ', @class, ' '), ' a ') 
    and 
    contains(concat(' ', @class, ' '), ' b ') 
    and 
    string-length(normalize-space(@class)) = 3 
    ]