Check if element has two classes

Question

I have 2 possible divs.

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

and

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

Is there a way to check if div element has 2 classes a and b?

I use Ruby, Capybara and XPath for selecting elements but css is fine if it could solve problem.

score 7 · Accepted Answer · answered Jul 31 '12 at 17:55

7

This css selector should work in capybara:

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

which will match

<div class="a b"> but not <div class="a">

answered Jul 31 '12 at 17:55

AJcodez

31,780
20
84
118

1

yes but its uglier. http://stackoverflow.com/questions/3881044/how-to-get-html-elements-with-multiple-css-classes – AJcodez Jul 31 '12 at 19:36

Dougui · Answer 2 · 2012-08-03T14:34:18.143

5

You can do this :

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

If you don't use rspec, it's this :

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

edited Aug 03 '12 at 14:34

answered Jul 31 '12 at 17:54

Dougui

7,142
7
52
87

This requires Rspec, isn't it? – Иван Бишевац Jul 31 '12 at 19:22
1

Yes. You can use `page.has_css?('div.a.b')` if you don't want RSpec. – Dougui Jul 31 '12 at 19:28

score 2 · Answer 3 · answered Aug 01 '12 at 05:08

XPath solution:

Use:

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

This selects any div child of the context node, whose class attribute contains both the classes "a" and "b".

If it is required that the class attribute of any selected div contains exactly (only) these two classes and no other classes, use:

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

Check if element has two classes

3 Answers3

Linked