Skip to main content
UI覆盖率高级解决方案

忽略元素

并非应用程序中的所有元素都与测试覆盖率相关。Cypress UI Coverage 允许您从覆盖率报告中排除特定元素，帮助您专注于有意义的分析，避免不必要的干扰。本指南解释了为什么以及如何在UI覆盖率报告中忽略元素。

为什么要忽略元素？​

在以下情况下忽略元素可能有益：

  • 过渡性元素：排除仍处于加载状态或正在变化的元素，因为它们可能不代表元素的最终状态。
  • 第三方组件：排除由外部库或第三方集成控制的元素。

通过忽略无关元素，您可以保持覆盖率指标的清晰和可操作性。

识别要忽略的元素​

在将测试记录到Cypress Cloud后，查看UI覆盖率报告：

  1. 导航到测试运行中的 UI Coverage 选项卡。
  2. 查找那些持续出现但不需要测试的元素。
  3. 记下这些元素的选择器、属性或模式。

配置忽略的元素​

App Quality 配置中的元素过滤器用于根据元素的选择器或属性排除元素。要为项目添加或修改配置，请导航到项目设置中的 App Quality 选项卡，并添加 elementFilters 配置。

{
  "elementFilters": [
    {
      "selector": "[data-external*]",
      "include": false
    },
    {
      "selector": "iframe[title='Login']",
      "include": false
    },
    {
      "selector": ".rdrDateRangePicker, .rdrDateRangePicker *",
      "include": false
    }
  ]
}

要了解更多配置选项，请参阅元素过滤器文档。

验证忽略的元素​

更新配置后，再次记录测试并查看UI覆盖率报告。忽略的元素不应再出现在覆盖率报告中，从而简化数据并专注于应用程序的关键区域。

如果未来报告中出现新的不必要元素，请相应地更新过滤器，以保持报告的清晰和可操作性。

目录