html - css list-style-type decimal, numbering 自动化测试

标签 html css selenium ui-automation

我有一个基于 js 和 css 的元素。我有一种情况,我按如下方式保存编号列表

  1. 咖啡
  2. 可乐

我正在通过

<!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 实现的也是你可以通过使用(对于订单列表)来实现的,你的自动化脚本将能够通过引用来验证它是一个订单列表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>

关于html - css list-style-type decimal, numbering 自动化测试,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55624795/

相关文章:

javascript - 关于特殊字符/实体和 innerHTML 是否有任何规则?

html - 从导航栏链接时,Div 使屏幕居中而不是在顶部

css - 导航栏中心位置

html - 当我调整大小时阻止浏览器插入一切

javascript - Selenium IDE : problems calling javascript from within a pop-up

html - 滚动到 div 计数导航栏高度的顶部

javascript - 当文本对齐居中时,插入符号出现在占位符 onfocus 的末尾

jquery - 如何删除bootstrap-select中单击选项的轮廓

Python - Pyinstaller - 导入 selenium webdriver

selenium - 如何测试模糊 - Firefox Selenium 驱动程序?