鐵人賽終於來到了最後一天（撒花）！

先來回朔過去 29 天的文章，呼應到 Day 1 前言所說明，想要以「認識軟體測試」、「前端（frontend）測試的重要性/挑戰與實踐」、「初探不同的前端（frontend）測試方向及方法」、「以 jenkins 達成自動化測試並產生測試報告」等四大方向，來進行此次學習及撰文排序。

底下依照四大方向做個文章連結導航。

[Day 1] 前言

認識軟體測試

[Day 2] 軟體測試是什麼？
[Day 3] 軟體測試週期
[Day 4] 黑箱白箱，軟體測試方法論
[Day 5] 手動測試與自動化測試

前端（frontend）測試的重要性/挑戰與實踐

[Day 6] 為什麼要寫前端自動化測試
[Day 7] 前端自動化測試的挑戰
[Day 8] 前端自動化測試的實踐
[Day 9] 前端自動化測試的種類

初探不同的前端（frontend）測試方向及方法

單元測試（Unit Test）

[Day 10] 理解單元測試（一）
[Day 11] 理解單元測試（二）- 簡介 Jest
[Day 12] 理解單元測試（三）- 簡介 Mocha
[Day 13] 理解單元測試（四）- 測試替身

整合測試（Integration Test）

[Day 14] 理解整合測試（ㄧ）
[Day 15] 理解整合測試（二）- 何時該寫整合測試

端對端測試（E2E Test)

[Day 16] 理解端對端測試（ㄧ）
[Day 17] 理解端對端測試（二）－ 何時該寫端對端測試
[Day 18] 理解端對端測試（三）－ 簡介 Cypress
[Day 19] 理解端對端測試（四）－ Cypress 使用方法
[Day 20] 理解端對端測試（五）－ 一些好用的 Cypress 外掛

效能測試（Performance Test）

[Day 21] 前端效能測試（ㄧ）－ 什麼是前端效能測試
[Day 22] 前端效能測試（二）－ 前端效能測試方法

視覺回歸測試（Visual Regression Test)

[Day 23] 視覺回歸測試（ㄧ）- 簡介
[Day 24] 視覺回歸測試（二）- Cypress Plugin Snapshots
[Day 25] 視覺回歸測試（三）- Percy

無障礙網頁測試（Accessibility Test)

[Day 26] 無障礙網頁測試

以 jenkins 達成自動化測試並產生測試報告

[Day 27] 產生測試報告
[Day 28] 使用 Jenkins 達成前端自動化測試（ㄧ）
[Day 29] 使用 Jenkins 達成前端自動化測試（二）

當初會選擇這個主題，實在是有感於工作碰到的困境。最常跟旁邊同事說的話就是：「啊！我明明是前端工程師，但怎麼好像快要成為手動測試工程師了！」也因此產生極大動力想把手邊工作「自動化」。

進行了數天的考察及實踐後，發現雖能把部分廣告平台的測試作業自動化；但針對需投放至手持裝置的廣告，暫且還是需仰賴手動、肉眼觀察事件發送，因為擔心裝置模擬器不能還原真實行為。

不過，也感謝生活中的動力，讓我能夠去了解軟體開發中，與「測試」有關的知識。也期許將來可以更深入了解這些項目，並能為現有專案打造一個完善的前端測試流程及監控系統。