：「這個功能我測試過了，怎麼又壞了？」
：「我沒動到這個功能，怎麼改 A 壞 B？」
：「我是新人，前輩打的扣不敢亂改，但是我要加功能，怎麼辦？」

有沒有覺得很熟悉？在沒寫測試的專案特別容易聽到這些聲音。

：「可是沒時間寫測試欸，上線時間快到了，我們先上線再說。」
：「我們的專案很小，不需要寫測試啦！」
：「寫測試時間根本跟開發時間一樣，我們不寫測試就可以多做一些功能。」

總是有各種原因讓我們不寫測試，但是沒關係！在這可以說是 AI 元年的現在，我們可以試著把這個沒人想做，但是很有用的測試工作交給 AI 來做。

本次鐵人賽的目標就是希望可以把這些測試工作交給 AI 來做，讓我們可以專注在開發上，不用再花時間寫測試。

這個系列會講什麼？

整個系列文章會有幾個大方向：

• 測試介紹
• 測試框架介紹
• 測試實作/ AI 測試實作
• 其他想補充的東東

什麼人適合看本系列文章？

• 想要學習寫測試的人
• 會寫測試但懶得寫測試的人（可以直接跳到 AI 測試實作）

先備知識

• JavaScript 基礎 (ES6)
• React 基本概念

因為筆者對 React 比較熟悉，所以測試的部分都會以 React 為主。不過不用擔心，大部分的測試框架語法都是通用的，所以就算框架學的不是 React 也是可以閱讀的。

目錄

這邊會列出本系列文章的目錄，如果有需要可以直接點選連結前往該文章！

[Day 01] 寫測試好無聊，可以不要寫測試嗎？
[Day 02] 為什麼要寫測試？有哪些測試？
[Day 03] JavaScript 測試框架介紹 & Jest 基本語法
[Day 04] Jest 進階模擬語法
[Day 05] React 測試安裝介紹 ( CRA / Vite / Next.js )
[Day 06] React Testing Library 語法介紹
[Day 07] 寫測試 AI 工具推薦
[Day 08] React + Jest 表單驗證測試
[Day 09] React + Jest 表單驗證測試 (AI)
[Day 10] React + Jest 路徑測試
[Day 11] React + Jest 路徑測試 (AI)
[Day 12] React + Jest 彈窗測試
[Day 13] React + Jest 彈窗測試 (AI)
[Day 14] React + Jest API 測試
[Day 15] React + Jest API 測試 (AI)
[Day 16] MSW 介紹
[Day 17] React + Jest API (MSW) 測試
[Day 18] React + Jest API (MSW) 測試 (AI)
[Day 19] React + Jest Redux Toolkit 測試
[Day 20] React + Jest Redux Toolkit 測試 (AI)
[Day 21] React + Jest Redux Toolkit Query 測試
[Day 22] React + Jest Redux Toolkit Query 測試 (AI)
[Day 23] E2E 測試套件 Cypress 介紹
[Day 24] React + Cypress 測試
[Day 25] React + Cypress 測試 (AI)
[Day 26] Copilot Chat 測試心得
[Day 27] 嫌 Jest 太慢？來看看 SWC 跟 Vitest 吧！
[Day 28] 測試守則：如何讓測試更有規範
[Day 29] 測試搭配 CI/CD 更自動！
[Day 30] 完賽心得

GitHub

本系列的文章以及程式碼都會同步放在 GitHub 上，如果有需要的可以直接下載做使用！