鐵人檔案
在開發的過程中，總會因為各種原因而不做測試，時程太趕、寫測試太耗時、太無聊等等，但在這個 AI 崛起的時代，我們何不把這些枯燥乏味的測試交給 AI 來做，讓寫測試更加有效率且有趣！
本次將使用 React 介紹基本的測試，以及試著使用 AI 來產出高品質的測試。
：「這個功能我測試過了，怎麼又壞了？」：「我沒動到這個功能，怎麼改 A 壞 B？」：「我是新人，前輩打的扣不敢亂改，但是我要加功能，怎麼辦？」 有沒有覺得很熟悉...
為什麼要寫測試？ 要做什麼事情，總是要有個說服人的原因，不然我好好的開發幹嘛還要花時間在看不到功能的測試呢？ 確保程式碼正確，防止無預期的錯誤：像是改了 A...
前面講了為什麼要寫測試，再來要來介紹 JavaScript 有哪些常用的測試框架。 目前常用的有以下幾種： Jest Mocha Karma V...
上一篇介紹了 Jest 的基本語法，接下來要來介紹 Jest 的進階模擬語法。 Timer Mock (模擬計時器) 有時候在測試 setTimeout 或是...
前幾篇介紹完 JavaScript 的測試框架，今天要來介紹 React 測試安裝。我會以目前最常用的 React 開發工具 CRA、Vite 及 Next.j...
前面提到 Jest 本身有提供很多測試方法，但在測試上都比較偏向邏輯測試，像是 a + b 是否等於 c。而實際上我們所需要的測試有一大部分也包含 UI 的測試...
介紹完基本的測試後，終於到了主題的 AI 部分，現在 AI 工具有如雨後春筍般，每天都有新的工具，真的要講的話有太多可以介紹了，所以我會就我常用的 AI 工具來...
從這篇開始我會使用 Vite + React + Jest + Testing Library 來做各個項目測試，而實作的部分就不會詳細說明只會大概講解流程，主...
上一篇講了怎麼使用 Jest + Testing Library 來測試表單驗證，這一篇要來讓 AI 來幫我們寫測試吧！ 表單邏輯(含 UI 顯示) 直接打開...
這一篇要來介紹怎麼使用 Jest + Testing Library 來測試路徑，我是使用 React Router 來做路徑管理。 這邊我分兩個部分，一個是...
