端到端测试实践：Jenkins集成TestCafe

上一篇《对产品质量的一点思考》中说到自动化测试的重要性，本文简单介绍下怎样在实际项目中实现端到端测试的自动化，在这里我们使用的端到端测试工具是TestCafe。

环境

Jenkisn：2.183
TestCafe：1.3.0

目前前端代码通过GitLab来进行管理，采用Merge Request的开发模式，开发人员的代码被合并到master后，Jenkins会自动构建到测试环境，希望自动化测试能做到下面两点：

1、在Jenkins中新创建一个新的项目

Git中配置的测试的代码地址https://github.com/oec2003/testcafe-ci-demo.git是我fork的官网的一个例子,原项目地址为：https://github.com/DevExpress-Examples/testcafe-ci-demo.git

2、增加构建步骤，选择执行Windows批处理命令

1	D:\Jenkins\Testcafe\node_modules\.bin\testcafe path:C:\Users\oec2003\AppData\Local\Google\Chrome\Application\chrome.exe tests/*/ -r xunit:res.xml

上面执行的命令分为三个部分：

testcafe的执行程序
测试的浏览器的路径，此处为chrome的路径，这里有一个小坑，直接执行命令时是可以使用chrome或ie来选择测试浏览器的，但配置在Jenkins中如果直接写chrome或ie会报异常，所以写了chrome执行程序的全路径
将结果输出到xunit的xml文件中

要想使用xunit，需要先使用下面命令进行安装

1	npm install testcafe testcafe-reporter-xunit

3、添加构建后操作，选择Publish JUnit test result report

4、修改Jenkins中现有的前端项目的配置，增加构建后操作步骤，选择构建起他工程

选择第一步创建的测试项目即可。

5、实际测试结果如下，所有测试用例的通过情况以列表形式展现，点击可以看详细信息