我有一个基于js和css的项目。我有一个情况,我有一个编号列表如下
而我正在实现这一目标
<!DOCTYPE html>
<html>
<head>
<style>
ul.a {list-style-type: decimal;}
</style>
</head>
<body>
<h1>The list-style-type Property</h1>
<p>Example of unordered lists:</p>
<ul class="a">
<li>Coffee</li>
<li>Tea</li>
<li>Cola</li>
</ul>
</body>
</html>
一切正常。但现在的问题是,当我们通过自动化测试时,我们想检查列表是否编号。但由于列表是通过css控制器,它不会出现在DOM中。
有没有办法测试它。请帮忙
您尝试通过CSS实现的功能也可以通过使用(对于order-list)来实现,通过这样做,您的自动化脚本将能够通过引用HTML标记来验证它是否为订单列表。
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
您可以在selenium中使用getCssValue()
方法来检索css属性。在你的情况下尝试
public boolean isListStyleTypeNumber() {
return driver.findElement(By.cssSelector("ul.a")).getCssValue("list-style-type").equals("decimal") ? true : false;
}