检查元素的css值？

Question

示例：我可以将div标签的css设为

div{background-color: #444444}

并根据结果返回true / false？

我使用watir webdriver运行测试脚本，我需要检查css的值，看看是否已应用更改等。

Answer 1

Watir-webdriver有一个内置的style方法来获取计算出的样式。

使用以下方式获取样式：

div.style('background-color')

这将返回一个表示计算样式值的字符串。然后，您可以将其与预期值进行比较。

Answer 2

您需要混合使用Nokogiri（HTML解析器）和CSSPool（CSS解析器）来查找样式以及正文中具有该选择器的任何元素。

Answer 3

您可以尝试使用Javascript：

var bg = document.defaultView.getComputedStyle(yourElement).getPropertyValue('background-color');
if (bg == '#444444'){
// do your code here
}

您可能需要针对较旧的浏览器进行检查。