iT邦幫忙

鐵人檔案

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

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

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

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

情境練習:透過 Mock 模擬 Module

今天要來改寫昨天的範例程式碼,嘗試透過 Context 撰寫 todoStore.js 放置 todoList 所需的 Data 資料,並透過 mock 模擬整...

2022-10-06 ‧ 由 艾草 分享
DAY 22

Mock Service Worker 學習(一)

今天要來學習 Mock Service Worker 服務,了解它可以做到什麼及與 Jest 基本的 Mock 功能有什麼差異! Mock Service Wo...

2022-10-07 ‧ 由 艾草 分享
DAY 23

Mock Service Worker 學習(二)

今天預計學習 Mock Service Worker 安裝及了解 Handlers 與如何建置模擬 Server! 發現 Mock Service Worker...

2022-10-08 ‧ 由 艾草 分享
DAY 24

Mock Service Worker 學習(三)

來嘗試透過將 Mock Service Worker 引入使用! 首先來看看要導入的情境,今天一樣是透過 TodoList 元件來做簡單的範例程式碼,透過該元件...

2022-10-09 ‧ 由 艾草 分享
DAY 25

情境練習:測試 React Router

測試 React Router 今天來練習測試 React Router ,範例程式碼的部分針對 React Router 文件的介紹稍微修改後如下: impo...

2022-10-10 ‧ 由 艾草 分享
DAY 26

Login 測試(一):元件渲染及 Input 操作流程

這幾天會進行 Login 元件的測試,並將測試分好幾個步驟,今天主要先測試元件渲染及 Input 操作流程是否正常尚未進行到點擊登入流程的測試。 Login 測...

2022-10-11 ‧ 由 艾草 分享
DAY 27

Login 測試(二):透過 Submit 介紹何為私有函式

今天來介紹 Login 後點擊 onSubmit 時,該如何進行測試! Login 測試 Login 元件於 onSubmit 時新增功能,如下: 接著來看範...

2022-10-12 ‧ 由 艾草 分享
DAY 28

Login 測試(三):透過 Mock Service Worker 模擬 Post API

今天的練習項目是透過 Mock Service Worker 模擬 Login 時的 Post API ! Login 測試 首先修改範例程式碼,新增在送出時會...

2022-10-13 ‧ 由 艾草 分享
DAY 29

學習測試的好處

測試的好處 不知不覺也走到第 29 篇文章了,回首過往的學習旅程,所以學習 Unit Test 有什麼樣的幫助呢? 更理解值的傳遞 在學習測試的過程中我常常需要...

2022-10-14 ‧ 由 艾草 分享
DAY 30

Day 30 - 結賽感言

結賽感言 總算到第三十天了,很感動自己可以堅持到第三十天 ,大概參賽到途中存稿就用完了,然後開始每天抽出時間寫文章,途中幾度想放棄還是支撐到完賽了!!! 學習測...

2022-10-15 ‧ 由 艾草 分享