iT邦幫忙

鐵人檔案

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

<< 測試魔法 >> 這能動嗎?不然就測測看好了! 系列

覺得測試很難,只好卯起來參賽激勵自己學習的 aka 菜鳥工程師。
主要透過 Jest 、 React Testing Library 來寫測試,會偏向紀錄各種學到的小知識 or 小練習。
因為有嚴重的拖延症,所以在開賽前屯的文章量岌岌可危,但又堅信生命魔法,決定既然生命是場魔法的話這次也來華麗綻放吧!

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

Unit Test 觀念學習 - 3A Pattern、名詞 (SUT、DOC)

前情提要 「......」「.........」「...........」「等等艾草你什麼都沒說呀?在裝忙翹課唷?」「誰讓今天是 blue monday 呢?」...

2022-09-26 ‧ 由 艾草 分享
DAY 12

用 Mock 來模擬一個函式

前情提要 「好,今天來學怎麼模擬!」艾草道。 「模擬什麼?」 「你看你隔壁!」 「ㄟˊ~~這是什麼?另外一個你??不是吧那個月份已經過了呀?」我轉頭看到另一隻艾...

2022-09-27 ‧ 由 艾草 分享
DAY 13

透過 spyOn 改寫模擬函式

前情提要 「咦,今天怎麼又多了一隻新的艾草,戳一下。」今天了昨天的磨難,看到多一隻新的艾草我已經習以為常了。 「啥啦,不要亂戳他,我會有感覺耶!」艾草碎念道。...

2022-09-28 ‧ 由 艾草 分享
DAY 14

jest.fn()、 spyOn 差異

前情提要 「你介紹了兩種不同的模仿方法,所以是有什麼差別?」 「嗯… 你仔細想想,前天的我跟昨天的我有什麼差別?」艾草回。 「嗯….實在想不到有什麼差別耶?」...

2022-09-29 ‧ 由 艾草 分享
DAY 15

處理非同步事件

今天來學習如何測試非同步行為! 非同步測試方法 今天來學習一些測試非同步的方法,在此之前先來想想有什麼樣的情況,會需要使用到這些方法呢? 首先,如有要調用 AP...

2022-09-30 ‧ 由 艾草 分享
DAY 16

透過 Mock 來模擬 Axios

昨天介紹完非同步後,今天來介紹如何透過 mock 來模擬第三方套件庫:axios 。 透過 Mock 來模擬 Axios 首先來複習透過 Mock 來模擬第三...

2022-10-01 ‧ 由 艾草 分享
DAY 17

關於測試的作用域

作用域 JavaScript 有作用域之分而 Jest 也有其作用域,之前有使用過的 describe 及 test 也涵蓋在裡面,首先先來觀察 desc...

2022-10-02 ‧ 由 艾草 分享
DAY 18

測試的清除

生命週期 複習一下昨天提到的幾個生命週期! beforeAll(fn, timeout) :在該區域最一開始執行一次 beforeEach(fn, tim...

2022-10-03 ‧ 由 艾草 分享
DAY 19

關於測試的學習小總結篇

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

2022-10-04 ‧ 由 艾草 分享
DAY 20

情境練習:使用 Context 報錯情境

今天來紀錄下遇過的問題,在元件中遇到透過 useContext 取值時可能會遇到的問題及解決方法! 接下來來介紹可能遇到的兩種報錯情形: 情況一: Contex...

2022-10-05 ‧ 由 艾草 分享