Homepage
Open in app
Sign in
Get started
Enjoy life enjoy coding
CSS
JavaScript
React
Jest
Design Pattern
Other
Coding Blog
GitHub
Jest
Jest | 再一次測試你的 Component - feat.react-testing-library 基本用法
Jest | 再一次測試你的 Component - feat.react-testing-library 基本用法
Counter 是透過 Hooks 的 useState 管理 State ,也就是說 react-testing-library 百分之百完美相容 Hooks ,測試起來絕對不會有問題! 顯然這是個令人開心的消息,但 Redux 呢?
神Q超人
May 9, 2019
Jest | 將 Unit Test (單元測試)導入 Redux 專案 — feat.React, Enzyme
Jest | 將 Unit Test (單元測試)導入 Redux 專案 — feat.React, Enzyme
在上篇文章裡簡單解釋了如何對 Component 做 test ,但現實裡要在現有專案中導入 Unit Test 卻沒那麼簡單,測試的項目除了 Component 外,往往還有一些在 React 生態圈內的其他套件,例如 Redxu ,剛好,今天就來嘗試在 Redux…
神Q超人
Apr 27, 2019
Jest | 經過測試,讓你的組件安全有把關 shallow render 篇 - feat.React, Enzyme
Jest | 經過測試,讓你的組件安全有把關 shallow render 篇 - feat.React, Enzyme
Component 中不只會有邏輯,還有 Html 的結構、 Props 的值、管理的 State 、甚至是 Click 或 Change 事件要執行等等,因此在這裡筆者選擇使用 Enzyme 搭配 Jest 為 Component 做測試。
神Q超人
Apr 6, 2019
Jest | JOJO是你?我的替身能力是 Mock !
Jest | JOJO是你?我的替身能力是 Mock !
Mock 在 Unit Test 中扮演著很重要的角色,因為單元測試必須將關注點放在要被測試的 Function 身上,不能讓不確定性在 Function 外的地方發生,因此要使用 Mock 迴避掉不確定性,讓焦點集中在受測試的 Function 上!
神Q超人
Mar 31, 2019
Jest | 替測試設置分類(describe)及作用域(scoping)
Jest | 替測試設置分類(describe)及作用域(scoping)
本篇文章主要是在整理測試的程式內容,能夠使用 describe 為相同函式的測試內容做分類,並使用 beforeAll 、 afterAll 、 beforeEach 、 afterEach 等函式建構及清除測試環境。
神Q超人
Feb 15, 2019
Jest | 跨越同步執行的 Jest 測試
Jest | 跨越同步執行的 Jest 測試
上一篇「讓 Jest 為你的 Code 做測試-基礎用法教學」中提到了如何使用 Jest 做單元測試,但是 JavaScript 是屬於同步執行的程式碼,這種特性會使 Jest 在測試時不會等到 callBack…
神Q超人
Feb 6, 2019
Jest | 讓 Jest 為你的 Code 做測試-基礎用法教學
Jest | 讓 Jest 為你的 Code 做測試-基礎用法教學
單元測試是指為專案中每個單一行為做測試,通常專案裡的最小單位都是一個 function ,當每個 function 經過測試,確保邏輯是正確的,那當他在專案裡運行時也就比較不會發生問題,且留下的測試文件也可以在團隊討論或交接時更清楚。
神Q超人
Feb 5, 2019
About Enjoy life enjoy coding
Latest Stories
Archive
About Medium
Terms
Privacy
Teams