我們在 [Day 16] 一份測試報告不夠看，那就看兩份啊！，
學到了如何產生靜態的測試報告，提供的資訊大都是都是文字數據。

在 [Day 17] 用圖片和影片讓測試報告更豐富，
學到了如何用 TestCafe 的 Screenshots and Videos，產生測試過程的截圖和影片。

但若大家有仔細看這兩天的文章，
應該有注意到 Day16 和 Day17 產生的資料是分開的，並沒有整合在一起。
對於測試報告的閱讀，還是不夠直觀！

今天是我們測試報告階段的總結，
將結合 Day16 和 Day17 的技術，產生一份圖文並茂的測試報告。

測試報告爭什麼，摻在一起做成撒尿牛丸啊！

首先要安裝 TestCafe 的測試報告 Plugin testcafe-reporter-html

npm install -g testcafe-reporter-html

我們還是繼續使用 day14 的 Code

cd day14

用 -S -s 參數，設定當測試有錯誤時截圖，並用 -r 參數設定產生 html 格式的測試報告

testcafe chrome TestCafeExamplePage.js -S -s screenshots -r html:report.html

HTML 格式測試報告，有詳細錯誤訊息，也附帶了錯誤時的截圖