iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
自我挑戰組

Unit Test 學習路 系列

這次想要 挑戰實作 Unit Test,對我來說是一個全新的學習旅程。
我會搭配 ChatGPT 一同學習,如果你跟我一樣對 Unit Test 一無所知,一起吧!

鐵人鍊成 | 共 31 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 10: describe 的搭配寫法

昨天提到的 describe 與 test 搭配一起的群組寫法。今天補充一些其他寫法: (一) describe 搭配 it 原本的寫法: // Button...

2023-09-26 ‧ 由 joannachen 分享
DAY 12

Day 11: 什麼是 Code Coverage(一)?

今天快速了解一下什麼是 Code Coverage,可以做什麼用。 什麼是 Code Coverage? 用百分比(%)表示目前專案的指定檔案中,程式碼有執行...

2023-09-27 ‧ 由 joannachen 分享
DAY 13

Day 12: 什麼是 Code Coverage (二)

今天再多了解一些 Code Coverage 的寫法與應用。 自定義 Code Coverage 可以依照每個專案要求的測試要求去設定標準。像是:在 pack...

2023-09-28 ‧ 由 joannachen 分享
DAY 14

Day 13: Jest Matcher 紀錄

中秋夜來練習常用的 Jest Matcher: 比較是否等值 toBe() 使用 Object.is 進行嚴格相等性比較。(===) 主要用於基本資料類型(如...

2023-09-29 ‧ 由 joannachen 分享
DAY 15

Day14: 關於 React Testing Library 測試

過去幾天稍微了解 Jest 應用,今天開始,我想進入 React Testing Library 篇章~ React Testing Library (RTL)...

2023-09-30 ‧ 由 joannachen 分享
DAY 16

Day 15: React Testing Library - getBy** (一)

RTL Queries getBy** 系列 分別會有兩天時間來練習,今天練習: getByRole getByLabelText getByPla...

2023-10-01 ‧ 由 joannachen 分享
DAY 17

Day 16: React Testing Library - getBy** (二)

今天 getBy** 下半場: getByDisplayValue getByAltText getByTitle getByTestId...

2023-10-02 ‧ 由 joannachen 分享
DAY 18

Day 17: React Testing Library - getAllBy** 與 其他

前兩天練習了 getBy** 系列,取得單一 DOM node。若要一次取得多個 DOM nodes,我們可以快速使用以下表格直接舉一反八: RTL Queri...

2023-10-03 ‧ 由 joannachen 分享
DAY 19

Day 18: React Testing Library - queryBy** 與 queryAllBy**

昨天統整了 getBy** 與 getAllBy** 可以協助我們取到 指定 DOM 節點。今天來談談 queryBy** 與 queryAllBy**,我們會...

2023-10-04 ‧ 由 joannachen 分享
DAY 20

Day 19: React Testing Library - findBy** 與 findAllBy**

今天來認識一下 findBy** 與 findAllBy**。 findBy** 用途:取得指定條件的 DOM nodes,並返回一包含指定DOM node...

2023-10-05 ‧ 由 joannachen 分享