ruby - 检查元素的css值？

Question

示例：如果 div 标签具有 css ，我可以吗？

div{background-color: #444444}

并根据结果返回真/假？

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

Answer 1

styleWatir-webdriver 有一个用于获取计算样式的内置方法。

使用以下方式获取样式：

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
}

对于较旧的浏览器，您可能需要检查此项。