如何在 Cypress 中建立 Mochawesome 報告?
我們可以在 Cypress 中建立 Mochawesome 報告。Cypress 與 Mocha 捆綁在一起,因此可以為 Mocha 生成的任何報告也可以與 Cypress 一起使用。
Mochawesome 報告
Mochawesome 報告是 Cypress 中最重要的報告之一。要安裝 mochawesome,請執行以下命令:
npm install mochawesome --save-dev

要安裝 mocha,請執行以下命令:
npm install mocha --save-dev

要合併 mochawesome json 報告,請執行以下命令:
npm install mochawesome-merge --save-dev

安裝後,所有這些軟體包都應反映在 package.json 檔案中。
要將多個報告合併到一個報告中,請執行以下命令:
npm run combine-reports
在 cypress.json 檔案中,我們可以為 mochawesome 報告設定以下配置:
overwrite – 如果其值設定為 false,則不應覆蓋先前生成的報告。
reportDir – 儲存報告的位置。
quiet – 如果其值設定為 true,則不應有任何與 Cypress 相關的輸出。僅列印 mochawesome 輸出。
html – 如果其值設定為 false,則在執行後不應生成任何 html 報告。
json – 如果其值設定為 true,則會生成包含執行詳細資訊的 json 檔案。
示例
在 cypress.json 中實現
{
"reporter": "mochawesome",
"reporterOptions": {
"reportDir": "cypress/results",
"overwrite": false,x
"html": false,
"json": true
}
}要為 Cypress 專案的 integration 資料夾中的所有規範生成報告,請執行以下命令:
npx cypress run
要執行特定測試,請執行以下命令:
npx cypress run --spec "<path of spec file>"
執行完成後,將在 Cypress 專案中生成 mochawesome-report 資料夾,其中包含 html 和 json 格式的報告。

右鍵單擊 mochawesome.html 報告,選擇“複製路徑”選項,並在瀏覽器中打開復制的路徑。

Mochawesome 報告將開啟,其中包含執行結果、持續時間、測試用例名稱、測試步驟等詳細資訊。單擊螢幕左上角的圖示(在上圖中突出顯示),將顯示更多選項。

我們可以獲得不同的檢視來選擇透過、失敗、掛起、跳過的測試用例以及應用於測試的鉤子。
資料結構
網路
關係資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP