Selenio IDE: Cómo comprobar el color del texto usando CSS

Question

Tengo un enlace:

<a class="title">My link</a>

Está decorada con este código CSS:

a.title { 
    color: #CC3333; 
} 

¿Cómo puedo verificar que el texto " Mi enlace "es rojo? Puedo localizar el elemento con css=a.title, pero ¿cómo puedo afirmar que color == "#CC3333" en Selenium IDE?

Answer 1

style.color devolverá el color si el elemento DOM real tiene el atributo style. En su caso, cuando el color está definido en la etiqueta <style>, no funcionará. Necesitamos que use getComputedStyle(). Aún así, color devuelve el color en formato RGB pero puede convertir su color manually y verificar el resultado RGB.

De esta manera:

assertEval(
    "window.document.defaultView.getComputedStyle(window.document.getElementsByClassName('title')[0]).getPropertyValue('color')", 
    "rgb(204, 51, 51)" 
) 

N. B. También se recomienda utilizar selenium.browserbot.getCurrentWindow() en lugar de window. Dejé la ventana para hacer un fragmento más corto.