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

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。

添加一个测试项目

  1. 我们这里使用react项目作为示例,如下创建一个名为react的项目:
    配置OneDev发布和查看Jest测试报告_第1张图片
  2. 通过如下命令将react的代码push到OneDev:

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

运行测试并发布报告

  1. 代码push完以后,刷新OneDev项目页面,然后按下图所示为项目添加构建支持:
    配置OneDev发布和查看Jest测试报告_第2张图片
  2. 在构建设置页面,增加一个名为CI的任务,设置imagenode:10.16-alpine,并设置commands为如下内容:

    export CI=true
    yarn install 
    yarn test --json --outputFile=testResults.json
  3. 如下图所示设置自动构建,并将产生的testResults.json发布为Jest报告:

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

访问测试报告

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

你可能感兴趣的:(devops,jest,git)