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

 
 

640?wx_fmt=png

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

环境

Jenkisn:2.183
TestCafe:1.3.0

为什么采用TestCafe做自动化测试

要实现的目标

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

步骤

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

640?wx_fmt=png

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

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

640?wx_fmt=png

640?wx_fmt=png

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

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

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

npm install testcafe testcafe-reporter-xunit

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

640?wx_fmt=png

640?wx_fmt=png

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

640?wx_fmt=png

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

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

640?wx_fmt=png

总结

  • Testcafe非常简单,有一定开发经验的程序员,可以在很短的时间内达到熟练的程度

  • Testcafe虽然简单,但怎样去设置场景覆盖,让所有业务没有遗漏,这才是比较困难的,是我们需要着重思考的

  • 前端代码如果做了修改,特别是UI层面做了调整,测试代码需要同步修改

  • 只要能够持续下去,先从容易出错的模块开始,积少成多,软件质量的最后一道防线一定能守住

640?wx_fmt=jpeg

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值