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，或掃描下面的二維碼添加關注：
作者： Surpassme
來源： http://www.jianshu.com/u/28161b7c9995/
http://www.cnblogs.com/surpassme/
宣告：本文著作權歸作者所有，歡迎轉載，但未經作者同意必須保留此段宣告，且在文章頁面明顯位置給出 原文鏈接 ，否則保留追究法律責任的權利，如有問題，可發送郵件 聯系，讓我們尊重原創者著作權，共同營造良好的IT朋友圈，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/509018.html
標籤：其他
上一篇：0-2 測驗面試題- 測驗方法_壓力測驗怎么測_設計朋友圈點贊_HTTP報文段_HTTP請求報文_TCP握手
下一篇：漫談測驗成長之探索——測驗匯報