配置OneDev发布和查看Jest测试报告

码农天地 - 2021-01-10 15:24:25

---

OneDev是一个类GitLab的开源DevOps平台，Jest是一个流行的JavaScript测试框架。本教程介绍如何配置OneDev来发布和查看Jest的测试报告。

运行OneDev

在Linux或Mac的命令窗口下运行如下命令来启动OneDev：

$ docker run -it --rm -v /var/run/docker.sock:/var/run/docker.sock -v $(pwd)/onedev:/opt/onedev -p 6610:6610 -p 6611:6611 1dev/server:4.1.0

然后打开浏览器访问http://localhost:6610来按提示配置OneDev。

添加一个测试项目我们这里使用react项目作为示例，如下创建一个名为react的项目：

通过如下命令将react的代码push到OneDev:

$ git clone https://github.com/facebook/react
$ cd react
$ git push http://localhost:6610/react master:master

运行测试并发布报告代码push完以后，刷新OneDev项目页面，然后按下图所示为项目添加构建支持:

在构建设置页面，增加一个名为CI的任务，设置image为node:10.16-alpine，并设置commands为如下内容:

export CI=true
yarn install 
yarn test --json --outputFile=testResults.json

如下图所示设置自动构建，并将产生的testResults.json发布为Jest报告：

构建配置保存后，OneDev就会自动运行相关任务。注意：Mac系统上Docker虚拟文件系统性能较差，全部Jest测试用例跑完大概需要30到60分钟。如果不想等待，可以访问这里的在线示例报告。

访问测试报告

构建完成后就可以在构建的详情页面查看测试报告。测试报告支持按测试状态、测试文件进行过滤。可以按天查看测试的趋势情况，也可以根据错误信息直接跳转到文件里的相关位置。

Tags 标签