Question

我有一个基于js和CSS的pproject。我遇到的情况是我按如下编号列表

咖啡
茶
可乐

我正在通过以下方式实现这一目标

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

有什么方法可以测试它。请帮助

Answer 1

您也可以通过使用CSS（例如订单列表）来尝试通过CSS来实现，您的自动化脚本将能够通过引用以下内容来验证它是否为订单列表： 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>

Answer 2

您可以在硒中使用getCssValue()方法来检索css属性。您可以尝试

public boolean isListStyleTypeNumber() {

    return driver.findElement(By.cssSelector("ul.a")).getCssValue("list-style-type").equals("decimal") ? true : false;
}

CSS列表样式式十进制，编号自动化测试

2 个答案: