介绍

简而言之

Canyon 是一个 JavaScript 代码覆盖率解决方案。通过简单的 Babel 插件配置，即可实现覆盖率上传和实时报告生成，解决了开发人员和 QA 工程师在端到端测试中收集代码覆盖率难的问题。

生态

Project	Status	Description
babel-plugin-canyon		侦测流水线的环境变量babel插件
vite-plugin-canyon		侦测流水线的环境变量vite插件
uploader		覆盖率上报器
canyon-extension		Chrome 插件用于手动上报覆盖率数据

架构图

该图说明了 Canyon 的架构及其生态系统的一些组成部分：

1. babel插件在CI/CD流程中完成代码插桩。
2. 工程发布到测试环境，用户选择UI自动化或者手动测试，触发插桩的代码探针。
3. 将生成的覆盖率数据上报到Canyon服务端。
4. Canyon服务端进行数据消费，结合gitlab提供的源码信息，生成覆盖率报告。