鐵人檔案
本系列將帶領讀者從零開始學習如何在 React 開發中實踐測試驅動開發（TDD）。透過 30 天的實戰練習，您將掌握使用 Vitest 測試框架撰寫前端測試的技巧，從單元測試到整合測試，最終完成一個具備完整測試覆蓋的 Todo 應用程式。
「功能看起來很簡單，」PM 指著設計稿說：「使用者輸入待辦事項，按下 Enter 或點擊按鈕就能新增。」你點點頭，心裡卻開始盤算：輸入驗證、狀態更新、UI 回饋...
「資料已經建立了，但客戶說要改...」這是每個開發者的日常。今天我們要完善 Todo App 的最後兩個功能：更新與刪除。透過 TDD 的方式，確保這些關鍵操...
故事：當待辦事項變成待辦「山」 週一早上，產品經理突然跑來：「客戶反映說找不到重要的待辦事項！他們有 300 多筆資料，全部擠在同一頁...」你打開測試環境一看...
你有沒有遇過這種情況？ 🤔 「為什麼我的測試總是跑不過？明明程式碼都沒問題啊！」經過一番調查，發現是因為他的測試環境設置不一致。這讓我想到，如果能在測試的關鍵時...
昨天凌晨三點，手機響了。是值班同事：「購物車結帳功能掛了！」明明單元測試都通過，為什麼還是出問題？因為我們測試了每個零件，卻忘了測試它們組裝起來是否正常運作。這...
「網站好慢！」客戶的這句話，是不是讓你心頭一緊？ 昨天還好好的 Todo App，今天突然變得像烏龜一樣慢。使用者開始抱怨，老闆開始關心，而你卻不知道問題出在哪...
「測試都通過了，為什麼上線還是出問題？」 你寫了完美的單元測試，整合測試也都綠燈，但使用者還是回報：「我點了按鈕，什麼事都沒發生！」這時你才發現，原來是 API...
「明天就要上線了，但測試都是用 Mock 資料跑的...」團隊會議室裡瀰漫著緊張的氣氛。過去 27 天，我們建立了完整的測試體系，從單元測試到 MSW 模擬，一...
