鐵人檔案
在開發的過程中，總會因為各種原因而不做測試，時程太趕、寫測試太耗時、太無聊等等，但在這個 AI 崛起的時代，我們何不把這些枯燥乏味的測試交給 AI 來做，讓寫測試更加有效率且有趣！
本次將使用 React 介紹基本的測試，以及試著使用 AI 來產出高品質的測試。
在使用 copilot chat 產出路徑測試時，比起跟他詳細說明你要的測試條件，像是使用 jest.mock 模擬元件回傳，或是使用 history 套件模擬...
在專案中幾乎都會有彈窗的功能，我這邊使用 react-modal 來實作彈窗，並且使用 useContext 來管理彈窗的狀態，所以這邊分成兩個部分來測試，一個...
copilot chat 的部分一樣依照兩個檔案分別做測試 ModalPage 頁面測試 頁面測試需要給他 ModalContext.provider 的 va...
這邊我串接 https://jsonplaceholder.typicode.com/ API 來做測試，並且使用 @tanstack/react-query來...
使用 copilot chat 基本上只要下 /tests 就可以產出完整的 API 測試。 API 測試 /tests 像 API 這種就算有使用像 u...
前面兩篇介紹了 API 的測試方法，不過可以發現在測試上，會需要自己模擬回傳的測試資料，假設前端在開發時，還有另外建立一個 mock server 來進行開發，...
上篇講了如何在開發上導入 MSW，這篇要來介紹如何在測試上使用 MSW。 測試導入 MSW 首先在 src/mocks 建立一個 server.js 內容跟 b...
雖然在上一篇提到使用 MSW 能幫助我們寫測試更方便，不過在使用 copilot chat 時，反而是一個阻礙，因為 copilot chat 本來就會自動給你...
這一篇的測試比較偏專屬 React 的 Redux Toolkit 測試，如果沒有使用 Redux 的話，可以跳過這一篇～ 程式碼 以 TodoList 為例...
在使用 copilot chat 做 Redux Toolkit 測試時，因為基本上都把邏輯跟 UI 分開，所以在測試時，就不需要多提供資訊，就可能得到完整且正...
