Test Runner介紹
導(dǎo)入測試用例以后可以通過tree view形式查看當(dāng)前工作目錄所有測試用例
根據(jù)測試用例進(jìn)行分類
-
執(zhí)行測試用例需要添加的瀏覽器可以進(jìn)行選擇
image.png 執(zhí)行過程及結(jié)束以后在窗口右側(cè)都可以顯示回放截圖
執(zhí)行報告及測試數(shù)據(jù)都可以在左側(cè)窗口顯示，并且打印出測試數(shù)據(jù)
如果是成功的檢查點，可以顯示verify pass
-
如果是失敗的檢查點魁淳，則顯示fail并且會提示error message
image.png Run Tab會顯示dashboard逆甜，將需要提交測試的用例報告顯示出來
報告內(nèi)容將顯示成功篡悟，失敗用例數(shù)量
報告內(nèi)容將失敗用例進(jìn)行video形式添加到附件中
-
執(zhí)行時間，測試用例詳情都顯示在測試報告
image.png
如何啟動Test Runner
- 使用命令行cypress open
在命令行中輸入相應(yīng)的代碼cypress open右锨，這個方法是默認(rèn)方法括堤。本人使用IDE是VS code,所有可以直接在terminal下面進(jìn)行設(shè)置
image.png
image.png
-
使用npx方式
方法跟npm是類似的，只是命令稍微不一樣
image.png -
使用yarn方式
這個方法也是比較容易實現(xiàn)，如果機器安裝了yarn就可以使用這個方法痊臭。
image.png -
使用exe文件打開
我自己使用Win系統(tǒng)哮肚，習(xí)慣直接打開exe文件操作，這個方法不需要任何命令行就可以實現(xiàn)
image.png
實現(xiàn)第一個Script
- 在Integration\example下面創(chuàng)建腳本文件
/// <reference types="cypress" />
describe('MyFirstTest',function(){
it('Verify the result',function()
{
expect(true).to.equal(true)
}
)
it('Verify title of the homepage',function()
{
cy.visit('http://www.mi.cn')
cy.title().should('eq','小米商城 - 小米11广匙、Redmi Note 9、小米MIX Alpha恼策，小米電視官方網(wǎng)站')
}
)
}
)
- 執(zhí)行測試腳本
- 結(jié)果是如下顯示形式鸦致，主要特點是左側(cè)是測試結(jié)果并且標(biāo)記出測試結(jié)果
-
右側(cè)是截圖并且標(biāo)記出測試的頁面及測試題圖詳情
image.png
- 代碼說明
- 訪問mi.cn的官方網(wǎng)址
- 驗證首頁的標(biāo)題是否跟預(yù)期一致
