UI覆盖率高级解决方案

配置

配置功能使您能够自定义和微调 Cypress 中的 UI 覆盖率，以适应应用程序的独特需求。虽然 UI 覆盖率设计为开箱即用，但在某些情况下可能需要进行微调——例如处理动态属性、过滤无关元素或分组相关组件。这些指南将说明如何有效配置 UI 覆盖率以提高准确性和可用性。

注意：默认情况下，仅限管理员用户进行配置设置。根据您的需求，可以更改为允许所有用户设置配置。如需更改此设置，请联系您的 Cypress 对接人。

success

新增配置选项

UI 覆盖率现在支持定义计入覆盖率分数的自定义命令、限制特定元素允许的交互类型，以及在 UI 覆盖率计算中包含断言。详情请参阅以下新增属性：

设置配置

要为项目添加或修改配置：

在 Cypress Cloud 的项目设置中导航至 App Quality 选项卡。
使用配置编辑器以 JSON 格式添加或编辑配置。

配置选项

info

如需快速了解最常见的 UI 覆盖率配置属性的实际应用，可阅读这篇博客文章。

包含所有可用选项的完整配置如下所示：

{
  "elementFilters": [
    {
      "selector": string,
      "include": boolean
    }
  ],
  "views": [
    {
      "pattern": string,
      "groupBy": [
        string
      ]
    }
  ],
  "viewFilters": [
    {
      "pattern": string,
      "include": boolean
    }
  ],
  "uiCoverage": {
    "attributeFilters": [
      {
        "attribute": string,
        "value": string,
        "include": boolean
      }
    ],
    "elementGroups": [
      {
        "selector": string,
        "name": string
      }
    ],
    "significantAttributes": [
      string
    ]
  }
}

配置作用域

根级属性 elementFilters 和 viewFilters 同时适用于 UI 覆盖率和无障碍功能。这些属性也可以嵌套在 uiCoverage 或 accessibility 下，仅应用于相应产品，嵌套配置优先于根级配置。

views 属性同时适用于 UI 覆盖率和无障碍功能，但不能嵌套。

查看运行配置

您可以通过检查 Properties 选项卡来查看特定运行期间使用的配置，如下所示。这将显示运行开始时应用的配置。

后续步骤

请查阅以下配置指南：

配置

新增配置选项​

设置配置​

配置选项​

配置作用域​

查看运行配置​

后续步骤​

目录