通过UI Coverage识别测试盲区
轻松追踪、监控和可视化UI测试覆盖率，通过确保应用关键流程被测试来防止回归。通过移除冗余测试节省CI资源，并通过跨页面和组件的可视化覆盖率概览提升团队效率，还能借助测试生成快速填补覆盖率缺口。
申请试用 ➜ 观看演示 查看示例项目
快速开始
UI Coverage无需设置或代码插桩即可立即使用。如果您已通过Test Replay将测试运行记录到Cypress Cloud，就可以直接 开始使用UI Coverage。 您将通过销售团队的个性化支持开始免费试用，并利用现有测试数据立即查看所有Cypress项目中存在的测试盲区。 之后，您可以通过灵活的配置选项轻松定制报告以满足需求。
热门指南
识别覆盖率缺口
通过运行测试、分析覆盖率报告、将扫描扩展到未测试区域，并配置设置以优化报告清晰度和焦点，识别应用程序测试覆盖率中的缺口。
解决覆盖率缺口
通过优先处理关键视图、为未测试元素创建针对性测试、优化配置以排除无关数据，并定期审查报告以保持全面的应用程序测试，解决测试覆盖率缺口。
减少测试重复
通过识别和合并重复测试、简化工作流程并提升测试效率，优化测试套件。
忽略视图和链接
学习如何从UI Coverage报告中排除无关视图和链接，以简化洞察、优先处理关键区域并保持可操作的覆盖率指标。
忽略元素
学习如何通过排除非必要元素来优化UI Coverage报告，确保更清晰地聚焦关键洞察和可操作指标。
减少干扰
通过分组视图和元素、自定义属性处理以及减少重复条目来简化UI Coverage报告，降低干扰。
监控变更
使用Results API等工具跟踪和处理UI Coverage分数随时间的变化，实现主动质量保证并无缝集成到CI/CD工作流中。
工作原理
UI Coverage为您的应用程序提供交互式的可视化测试覆盖率地图，由Cypress Test Replay（需要Cypress v13+）驱动。这些报告会自动为Cypress测试（端到端或组件测试）期间到达的每个唯一状态生成。
- 零配置启动：无需额外配置。UI Coverage使用与Test Replay相同的捕获协议，因此不需要额外的代码或配置。
- 动态覆盖率映射：每个交互元素被识别并高亮显示为已测试或未测试，清晰展示跨所有页面和组件的测试覆盖率。
- DOM快照：每个已测试和未测试元素都附带可检查的全页DOM快照，高亮显示元素的确切位置和上下文。
- 全面评分：通过比较已测试元素与应用程序中总可交互元素的数量计算UI Coverage分数。
- 可操作报告：可排序和过滤的视图提供哪些区域已测试、哪些需要改进的洞察。
- 测试生成：通过AI驱动的测试生成快速填补报告中显示的未测试元素和链接的覆盖率缺口。
- 灵活配置：根据特定需求和场景定制UI Coverage，如忽略 视图或元素，或将相似元素分组。
- 可配置CI集成：Results API允许您基于UI Coverage分数以编程方式控制CI流水线行为。
在核心概念部分了解更多工作原理。