Css list-style-type decimal,编号自动化测试

问题描述 投票:0回答:2

我有一个基于js和css的项目。我有一个情况,我有一个编号列表如下

  1. 咖啡

而我正在实现这一目标

<!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中。

有没有办法测试它。请帮忙

html css selenium ui-automation
2个回答
0
投票

您尝试通过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>

0
投票

您可以在selenium中使用getCssValue()方法来检索css属性。在你的情况下尝试

public boolean isListStyleTypeNumber() {

    return driver.findElement(By.cssSelector("ul.a")).getCssValue("list-style-type").equals("decimal") ? true : false;
}
© www.soinside.com 2019 - 2024. All rights reserved.