UI覆盖率高级解决方案

元素分组

当多个元素具有相同行为时，测试页面上的每个元素并非总是必要。UI覆盖率工具通过将相关元素分组来简化这一过程，与组内任一元素的交互都将视为测试了整个组。这减少了冗余，确保高效且准确的覆盖率。例如，下拉菜单中的选项可以被分组，因为与一个选项的交互即可验证整组行为。

元素分组原理

UI覆盖率工具使用结构和行为提示以及用户定义的配置来分组元素。当元素被分组后，与其中一个元素的交互将被视为测试了组内所有元素。

分组规则

• 用户定义分组: 如果指定了元素分组配置，则按该配置分组。
• 标签与表单元素: label元素会自动与其关联的表单元素分组。
• 表格行分组: 表格行内的元素会与具有共同属性或跨行相同位置的元素分组。
• 重复元素: DOM中具有共享属性的重复元素会被分组。
• 父级共享属性: 具有共同父级属性的重复元素会被分组。
• 动态链接: 具有相似href模式的链接会被解析为视图并按href模式分组。

示例

考虑一个每行都包含删除按钮的表格：

<table>
  <tr>
    <td>John Doe</td>
    <td>
      <button>Delete</button>
    </td>
  </tr>
  <tr>
    <td>Jane Smith</td>
    <td>
      <button>Delete</button>
    </td>
  </tr>
</table>

在此情况下，UI覆盖率工具会根据分组规则将删除按钮归为一组。与一个删除按钮的交互等同于测试表格中所有删除按钮。

自定义元素分组

您可以根据应用程序的结构和行为自定义元素分组。参考元素分组配置指南，了解如何基于特定属性或选择器定义自定义分组。