上一篇《對產品質量的一點思考》中說到自動化測試的重要性，本文簡單介紹下怎樣在實際項目中實現端到端測試的自動化，在這里我們使用的端到端測試工具是TestCafe。

環境

Jenkisn：2.183
TestCafe：1.3.0

為什么采用TestCafe做自動化測試

要實現的目標

目前前端代碼通過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批處理命令

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

4、修改Jenkins中現有的前端項目的配置，增加構建后操作步驟，選擇構建起他工程

選擇第一步創建的測試項目即可。

5、實際測試結果如下，所有測試用例的通過情況以列表形式展現，點擊可以看詳細信息

總結

• Testcafe非常簡單，有一定開發經驗的程序員，可以在很短的時間內達到熟練的程度

• Testcafe雖然簡單，但怎樣去設置場景覆蓋，讓所有業務沒有遺漏，這才是比較困難的，是我們需要著重思考的

• 前端代碼如果做了修改，特別是UI層面做了調整，測試代碼需要同步修改

• 只要能夠持續下去，先從容易出錯的模塊開始，積少成多，軟件質量的最后一道防線一定能守住

總結

以上是生活随笔為你收集整理的端到端测试实践：Jenkins集成TestCafe的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。