如何使用Selenium IDE验证CSS属性？

Question

我实际上正在使用Selenium IDE来测试网站的许多部分，所以我是新手。 我一直在寻找验证网页元素的CSS样式属性（例如字体颜色，背景颜色等）的方法。

我找到了许多使用命令“ VerifyAttribute”的文档，但是这些文档是3到6年前的，而实际版本没有此命令，而且我似乎找不到任何等效的文档。

我尝试了“ VerifyElementPresent”和类似的命令，但是尽管我添加了CSS属性（例如background-color =＃333333），但测试始终通过，因为该元素存在于页面中，无论我在“值”框。

所以我的问题是：

1-是否可以使用Selenium IDE验证CSS样式属性和值？

2-如果是，我应该使用哪个命令，以及如何编写正确的期望值？

3-如果无法使用Selenium IDE，您能否推荐我使用另一个插件（与selenium IDE有关？）或可以用来测试CSS样式的软件？

提前感谢您的帮助！

Answer 1

Selenium IDE具有

• store Attribute-与缺少的VerifyAttribute相似。您可以使用它来提取值，然后使用if/then进行验证。

如果您从不同开源项目中使用备用Selenium IDE++，则也可以使用

• sourceSearch-searces HTML source code
• visualVerify-它进行图像比较，并且是UI testing功能的一部分。这样，您可以检查CSS样式的实际呈现。