如何在 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 報告將開啟，其中包含執行結果、持續時間、測試用例名稱、測試步驟等詳細資訊。單擊螢幕左上角的圖示（在上圖中突出顯示），將顯示更多選項。

我們可以獲得不同的檢視來選擇透過、失敗、掛起、跳過的測試用例以及應用於測試的鉤子。

更新於： 2021年11月19日

5K+ 瀏覽量

開啟您的 職業生涯

透過完成課程獲得認證

立即開始
廣告