携程开源 JavaScript 代码覆盖率工具 Canyon

携程宣布在 Istanbuljs 的基础上开发了 Canyon，以解决端到端测试覆盖率难收集的问题。

目前，携程的多个部门已经开始使用Canyon，并在持续集成流水线构建阶段插入探针代码，在UI自动化测试阶段收集和上报覆盖率数据。服务端实时生成详尽的覆盖率报告，为UI自动化测试用例提供全面的覆盖率数据指标。

根据介绍，Canyon 通过简单的 Babel 插件配置即可实现代码插装、覆盖率上报和实时报告生成。其技术栈完全基于 JavaScript，只需 Node.js 环境即可运行，部署方便，适用于云原生环境的部署（如 Docker、Kubernetes）。

应用的架构设计适用于处理高频、大规模的覆盖率数据上报，能够应对 UI 自动化测试中的各种场景。同时，Canyon 与现有的 CI/CD 工具（如 GitLab CI、Jenkins）无缝集成，使用户能够轻松地在持续集成流水线中使用。

架构图如下：

“JavaScript是时下最流行的编程语言，但是端到端测试覆盖率收集领域一直空白，我们的代码开发基于了istanbuljs，monaco editor等优秀开源项目，我们有信心推出Canyon开源可以赢得社区的反响，并且可以有大量JavaScript开发者参与进来。

Canyon在未来还有很大发展空间，例如生产环境插桩收集还未有待验证尝试，与playwright、puppeteer、cypress等自动化测试的工具还没有深度链接，这些都已经规划到了未来的开发计划中。希望在未来Canyon可以在携程及社区里有更多人参与建设。”