Comprueba si el elemento tiene dos clases

Question

Tengo 2 posibles divs.

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

y

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

¿Hay una manera de comprobar si div elemento consta de 2 clases A y B?

Uso Ruby, Capybara y XPath para seleccionar elementos pero css está bien si puede resolver el problema.

Answer 1

Este selector CSS debe trabajar en capibara:

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

cuales coincidirá con

<div class="a b"> pero no <div class="a">

Answer 2

Usted puede hacer esto:

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

Si no se utiliza rspec, es la siguiente:

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

Answer 3

solución XPath:

Uso:

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

Esto selecciona cualquier niño div del nodo de contexto, cuyo class atributo contiene tanto las clases "a" y "b".

Si se requiere que el atributo seleccionado class de cualquier div contiene exactamente (sólo) estas dos clases y no hay otras clases, utilizar:

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