Selenium IDE：如何使用CSS检查文本颜色

Question

我有一个链接：

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

使用此CSS代码进行样式设置：

a.title {
  color: #CC3333;
}

如何验证文字＆＃34;我的链接＆＃34;是红色的？我可以使用css=a.title找到元素，但是如何在Selenium IDE中断言color == "#CC3333"？

Answer 1

如果实际DOM元素具有style.color属性，

style将返回颜色。在您的情况下，当在<style>标记中定义颜色时，它将无效。我们需要您使用getComputedStyle()。尽管如此，color仍以RGB格式返回颜色，但您可以转换颜色manually并验证RGB结果。

像这样：

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

N.B。还建议使用selenium.browserbot.getCurrentWindow()代替window。我离开了窗口，使片段更短。