鐵人檔案
這次想要 挑戰實作 Unit Test，對我來說是一個全新的學習旅程。
我會搭配 ChatGPT 一同學習，如果你跟我一樣對 Unit Test 一無所知，一起吧！
今天紀錄 Debug 會用方法：logRole logRole 我們撰寫測試中，時常會出現 FAIL 的情況。我們可以搭配使用 logRole 去檢查，像是：...
今天時間有限，簡短的了解 user-event 吧！ user-event 筆記 使用 RTL 進行測試，會盡可能 模擬使用者操作行為。 fireEvent...
今天來練習模擬滑鼠點擊的測試寫法： Pointer(Mouse) Interactions 情境：畫面上一個按鈕，點擊顯示+1數字於畫面上。 import {...
今天來練習撰寫 keyboard interaction (輸入 type、切換 tab) 的寫法。 使用情境延伸昨日畫面上包含四個 Element：兩個按鈕，...
撰寫 React 專案時，我們時常會為了傳遞全域狀態內容，使用 <Provider> 包裹 入口 <App /> 的寫法。今天來練習一下...
今天想延伸昨天的練習：<Provider> 與其他客製化的測試寫法。 昨天我們練習到：要讓測試接收 AppProvider 傳入的值，我們可以在...
今天來練習一下，如何對自己設計的 useHooks 進行測試。 (一) 建立 useHooks(二) 認識 renderHook()(三) 認識 act()...
我們今天把學習戰場拉回 Jest Mocking，了解一下我們可以怎麼使用它完成更複雜的測試。 了解一下 Jest Mocking 是什麼實作 jest.fn...
今天針對要測試 Call API 是否符合預期來做了解，我們可以怎麼做。 Mocking Service Worker(MSW) 是什麼?MSW 的基礎設定。...
今天來實作模擬 Call API 測試吧！ 測試情境：我要 Call API 拿到回傳 User 資料，並顯示在畫面上。前情提要：昨天已經完成 MSW 模擬...
