今天到了開賽的第 19 天，已經超過一半了，想來進行關於開賽至今文章的小總結篇，讓自己在開賽中段也重新溫習及做一些重點整理。

小總結

首先是關於測試的基礎知識篇：

基礎知識篇

• 什麼是測試？
  • 針對單元測試、整合測試、端對端測試進行了解
    • 單元測試：針對程式碼最小單位，或小段 User 操作行為進行測試 (不涉及外部依賴項)
    • 整合測試：元件間交互行為 ( 涉及外部依賴項）
• Jest 、 React Testing Library 差異
  • Jest 為測試運行器，實際幫忙運行測試是否通過
  • React Testing Library 內有好用方法能協助 Query DOM 及協助執行事件或渲染元件
  • 無法在沒有測試運行器 Jest 的狀況下，運行測試
• Unit Test 觀念學習 - 3A Pattern、名詞 (SUT、DOC)
  • 3A Pattern ：Arrange-Act-Assert
  • SUT 為測試的主體，DOC 為測試的依賴項
• 關於測試的作用域
  • 測試本身有其生命週期及作用域 (如 test 、 describe )
  • 生命週期的執行順序：beforeAll > beforeEach > test > afterEach > afterAll
• 測試的清除
  • 可透過生命週期協助清除測試間互相污染的情況

好用工具介紹篇

• 用 Creat React APP 開始初次測試
  • 介紹 Creat React APP 套件及內建好的測試方法
• Jest 基礎方法
  • 介紹 Jest 匹配器，如 toBe 、toEqual 等及如何產生測試率覆蓋報告
• React Testing Library 的一些好用選取方法
  • 主要介紹 getBy 、 findBy 、queryBy 選取方式差異及 ByRole 、ByText 等選取條件
    • findBy 適合處理非同步
    • queryBy 適合斷言不存在的元素
• Jest DOM 實用匹配器
  • 介紹 Jest DOM 套件的好用匹配方法，如：toBeInTheDocument 、toBeDisabled 等
• 用 User Event 模擬使用者操作
  • 介紹 User Event 套件好用方法及與 fireEvent 差異

實作練習篇

• 情境練習：函式測試
  • 透過 Jest 的一些方法針對函式做基礎測試
• 情境練習：打勾才能按確認按鈕
  • 透過 React Testing Library 嘗試模擬使用者操作行為，進行測試

觀念進階篇

• 用 Mock 來模擬一個函式
  • 介紹如何透過 jest.fn 模擬及設定回傳值
• 透過 spyOn 改寫模擬函式
  • 介紹透過 spyOn 模擬函式
• jest.fn()、 spyOn 差異
  • 透過程式碼範例，比較兩者差異性
• 處理非同步事件
  • 透過 React Testing Library 的 WaitFor 、FindBy 等方法操作非同步行為
• 透過 Mock 來模擬 Axios
  • 採用兩種方法模擬第三方套件庫 axios ，避免測試時實際呼叫 API

中場的心得回饋(碎碎念)總覺得這次的大綱沒有上次參賽明確，但還蠻開心自己有堅持挑戰，在撰寫鐵人賽過程，常常在寫一些範例程式碼的時候，卡住在小地方，但透過慢慢的 debug 對測試的熟悉度也緩緩提升中 ~~
也希望透過小總結的方式釐清過去學了些什麼及後續還有 11 天的路程，該往哪邊繼續前進！