7 Test Runner
7.1 概述
Test Runner是Cypress非常重要一個組件，其主要作用爲運行測試、更改配置、將運行的測試結果寫入控制檯等等。
打開Cypress Test Runner的方式如下所示：
npm run cypress open
或
npx cypress open
打開Cypress後，點擊其中一個測試文件，運行完成測試後，截圖如下所示：
Cypress的Test Runner主要組成可以查看前面4.9相應的介紹。
7.2 常用功能
本節將介紹一下Test Runner中非常實用的功能，如下所示：
7.2.1 在IDE中打開文件
在測試狀態菜單下面點擊鏈接，即可使用默認的IDE打開測試用例文件。
如果想要更改該功能，可以在Cypress主界面進行更改，如下所示：
7.2.2 命令日誌
左側下方即爲可視化的命令日誌窗口，會顯示所有測試集和測試用例等。單擊時，可以顯示每個Cypress命令、斷言、Hook等，如下所示：
7.2.3 時光穿梭功能
當鼠標在每個命令或斷言懸停時，將會在右鍵應用程序預覽窗口還原出命令執行時的狀態（即時間穿梭功能）。
Cypress默認僅保存50個快照和命令的時光穿梭功能。如果需要更多的時光穿梭功能數量，可以通過修改配置項numTestsKeptInMemory
7.2.4 在命令上點擊
在每個命令、斷言、錯誤上點擊時，可以在Console窗口上顯示一些額外的信息。
7.2.5 查看錯誤
當在運行出現錯誤時，Cypress會顯示一些錯誤的信息，主要有以下幾個部分
- 1、錯誤名稱
顯示錯誤類型，如斷言錯誤、Cypress錯誤等
- 2、錯誤信息
顯示錯誤的詳細信息，信息的多少取決錯誤類型。還會附加一些示例、如何解決錯誤的建議等
- 3、更多信息
在部分錯誤信息中，會顯示更多信息，點擊該鏈接，可以跳轉到Cypress文檔頁面。
- 4、產生錯誤的文件名
產生錯誤的代碼文件名
- 5、產生錯誤的代碼片斷
在這裏會顯示產生錯誤的代碼行及相應的代碼片斷
- 6、查看堆棧跟蹤
單擊下拉箭頭，可以查看詳細堆棧信息，點擊藍色字體鏈接，可以使用默認IDE打開文件
- 7、打印信息至Console按鈕
點擊Print to console按鈕，可將全部錯誤信息輸出打印至開發工具Console中。
7.2.5 元素輔助定位功能
通過該功能可以快速定位元素。如下所示：
7.3 其他功能
7.3.1 編輯定位器
當使用該功能時，在輸入不同的元素選擇器，會立即在頁面中顯示匹配到所有元素。
7.3.2 切換至contains
通過切換至contains，可以快速搜索匹配當前頁面中包含所輸入的文本元素，如果能匹配到多個項，則僅選中第一個。
7.3.3 使用快捷鍵
在Test Runner頁面可以使用快捷鍵，來快速實現一些功能，如下所示：
| 快捷鍵 | 功能 |
|---|---|
| r | 運行所有測試 |
| s | 停止測試 |
| f | 返回Cypress窗口 |
原文地址：https://www.jianshu.com/p/b20411cf9e69
本文同步在微信訂閱號上發佈，如各位小夥伴們喜歡我的文章，也可以關注我的微信訂閱號：woaitest，或掃描下面的二維碼添加關注：
