iT邦幫忙

2021 iThome 鐵人賽

DAY 11
1
Software Development

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

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

  • 分享至 

  • twitterImage
  •  

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

測試報告對於執行腳本後是很重要的,因為可以看到成效。昨天學到產生測試報告後,今天跟大家分享如何合併報告。

合併報告

  1. 在命令列輸入 npm install mochawesome-merge --save-dev

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

  3. 在 support/index.js 加上

    import 'cypress-mochawesome-reporter/register';
    

    https://ithelp.ithome.com.tw/upload/images/20210925/20140883WaxBSL57bW.png

  4. 在 plugins/index.js 加上

    require('cypress-mochawesome-reporter/plugin')(on);
    

    https://ithelp.ithome.com.tw/upload/images/20210925/20140883LIFWKIYeOO.png

  5. 執行 npm run cypree:run 後,在 cypress/report 會產生 index.html,這就是合併後的測試報告。
    https://ithelp.ithome.com.tw/upload/images/20210925/20140883yADJjbElJl.png

查看報告

在 cypress/report 文件下,可以看到 HTML 的報告。報告會呈現測試腳本數、通過數、失敗數、執行腳本的秒數,如果執行結果有失敗,也可以點選看失敗的地方。
https://ithelp.ithome.com.tw/upload/images/20210925/20140883ULAcK3LjdX.png

參考資料


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

尚未有邦友留言

立即登入留言