iT邦幫忙

2021 iThome 鐵人賽

DAY 10
1
Software Development

你還在用手動測試嗎?30 天帶你學會前端自動化測試框架 - Cypress系列 第 10

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 10 - 如何產生測試報告

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。

執行完測試腳本後,不僅會有截圖和影片可以看,也可以另外做設定產生測試報告。

  1. 在命令列輸入 npm i --save-dev cypress-mochawesome-reporter

  2. 安裝完後在 cypress.json 輸入

    {
        "reporter": "cypress-mochawesome-reporter",
        "reporterOptions": {
          "reportDir": "cypress/report",
          "reportPageTitle": "custom-title",
          "overwrite": false,
          "html": false,
          "json": true
        }
    }
    
    • reporter: 指定報告生成器 mochawesome
    • reportDir: 報告存放的路徑
    • overwrite: 是否覆蓋原來的報告,如果是選擇 true,則會覆蓋前一個報告。
    • html: 是否產生 html 報告
    • json: 是否產生 json 檔
  3. 在命令列輸入 npm run cypress:run 執行腳本

  4. 在 cypress/report 中會產生 json 檔
    https://ithelp.ithome.com.tw/upload/images/20210923/20140883gKOSNTSQxK.png

參考資料


上一篇
自動化測試,讓你上班擁有一杯咖啡的時間 | Day 9 - 如何上傳圖片
下一篇
自動化測試,讓你上班擁有一杯咖啡的時間 | Day 11 - 如何合併測試報告
系列文
你還在用手動測試嗎?30 天帶你學會前端自動化測試框架 - Cypress30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言