iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

循序漸進學習 Javascript 測試 系列

主要內容為學習 TESTING JAVASCRIPT with Kent C. Dodds 系列課程的心得與筆記。

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

Day 21 測試 React 元件:使用 React Testing Library 體驗 Test Driven Development (TDD) - 1

什麼是 Test Driven Development (TDD)? 中文意思是「測試驅動開發」,是一種「先寫測試再寫開發」的開發流程。 TDD 是一個 red...

2020-10-06 ‧ 由 TWGD 分享
DAY 22

Day 22 測試 React 元件:使用 React Testing Library 體驗 Test Driven Development (TDD) - 2

用 TDD 實作表單開發 我們現在試著用 TDD 的方式來開發一個表單。 這個表單主要功能是發表文章,它接收標題 (title) 、內容 (content)、標...

2020-10-07 ‧ 由 TWGD 分享
DAY 23

Day 23 測試 React 元件:使用 React Testing Library 體驗 Test Driven Development (TDD) - 3

用 TDD 實作表單開發 我們現在試著用 TDD 的方式來開發一個表單。 這個表單主要功能是發表文章,它接收標題 (title) 、內容 (content)、標...

2020-10-08 ‧ 由 TWGD 分享
DAY 24

Day 24 測試 React 元件:使用 React Testing Library 體驗 Test Driven Development (TDD) - 4

在 TDD 中有個非常重要的部分就是「重構」。 測試的易讀性與易維護性,一直是一個很重要的課題。我們要能透過程式碼的結構及語意,明確傳達出測試的意圖,讓開發者清...

2020-10-09 ‧ 由 TWGD 分享
DAY 25

Day 25 測試 React 元件:使用 React Testing Library 體驗 Test Driven Development (TDD) - 5

前面幾天我們完成了 <Redirect /> 元件的基本功能。現在我們需要多加一個測試,這個測試負責驗證:若發送 API 發生錯誤的時候,是否預期顯...

2020-10-10 ‧ 由 TWGD 分享
DAY 26

Day 26 測試 React 元件:使用 React Testing Library 體驗 Test Driven Development (TDD) - 6

前面幾天我們已經用 TDD 的方式完成了 <Editor /> 元件,但不要忘了 TDD 中很重要的「重構」部分。在 __tests__/post-...

2020-10-11 ‧ 由 TWGD 分享
DAY 27

Day 27 測試 React 元件:測試 react-router

mock react-router 的 <Redirect /> 元件是可行的,但這個做法可能存在一些缺陷,因為我們並不能確定使用者是不是確實 re...

2020-10-12 ‧ 由 TWGD 分享
DAY 28

Day 28 測試 React 元件:測試 Redux

先看一下使用 redux 的元件小範例: import {createStore} from 'redux' import {reducer} from './...

2020-10-13 ‧ 由 TWGD 分享
DAY 29

Day 29 測試 React 元件:測試 React Hook

我們的範例是一個自己做的 hook 叫做 useCounter ,要來驗證它的 increment 跟 decrement function 會正確地更新 co...

2020-10-14 ‧ 由 TWGD 分享
DAY 30

Day 30 結束才是開始,參賽反思與改進

先來回顧一下參賽契機 其實在鐵人賽開始宣傳的時候,都還沒有認真想過要參賽。直到九月鐵人賽進入開賽期了,突然被密集的宣傳給打中,開始思考自己是不是也有參賽的可能。...

2020-10-15 ‧ 由 TWGD 分享