鐵人檔案
本系列將帶領讀者從零開始學習如何在 React 開發中實踐測試驅動開發（TDD）。透過 30 天的實戰練習，您將掌握使用 Vitest 測試框架撰寫前端測試的技巧，從單元測試到整合測試，最終完成一個具備完整測試覆蓋的 Todo 應用程式。
今天會很不一樣 「老闆，網站上的年份顯示怪怪的...」 週一早上，你剛泡好咖啡，專案經理就衝進來。原來是客戶的歷史文物展覽網站，要求用羅馬數字顯示年代，結果顯示...
昨天成功處理了 1、2、3，但 4 輸出 "IIII" 而非 "IV"。今天用 TDD 處理羅馬數字的減法規則。 羅馬數...
回顧昨天的成果 昨天我們成功建立了處理 1-10 的羅馬數字轉換器。今天我們要用 TDD 來擴展到 100！ 本日學習地圖 🗺️ 開始 → 測試 11-19 →...
想像一下，你正在開發一個歷史教育網站，需要將年份轉換成羅馬數字。昨天的查表策略展現了強大的可擴展性，今天我們只需要加入四個新符號，就能將範圍擴展到 1-3999...
在前面的學習中，我們已經掌握了將阿拉伯數字轉換為羅馬數字的技巧。今天我們要使用 TDD 來實作反向轉換功能，將羅馬數字轉換回阿拉伯數字 ✨ 旅程回顧 📍 我們已...
「程式跑得出來只是基本，跑得快才是王道！」在實務開發中，效能問題更是影響用戶體驗的關鍵。 在 Day 15 我們完成了羅馬數字轉換器，功能雖然完整，但如果要處理...
完成了六天的羅馬數字轉換器開發，今天我們要進行程式碼的最終整理與回顧。將散落在不同測試日期中的程式碼重構成一個乾淨、可維護、生產就緒的模組。 今天的目標 🎯...
昨天我們完成了 Roman Numeral Kata，現在進入框架特定測試的新階段！想像一個場景：專案上線前夕，PM 緊張地問：「UI 組件都測試過了嗎？」你自...
「後端 API 還沒好，前端開發被卡住了...」這是昨天的會議內容。「測試環境的 API 又掛了，跑不了測試！」這是今天早上的訊息。如果你也遇過這些情況，今天...
「為什麼待辦事項總是越來越多？」PM 看著滿滿的 backlog 嘆氣。「因為我們的 TodoList 還沒測試完啊！」我笑著回答。 今天我們要用 TDD...
