Day 5: Jest v.s. React Testing Library - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2023 iThome 鐵人賽

DAY 6

0

自我挑戰組

Unit Test 學習路系列第 6 篇

Day 5: Jest v.s. React Testing Library

15th鐵人賽

2023-09-21 23:24:50

152 瀏覽

分享至

之後練習前端測試專案為 React，今天來了解一下 Jest 測試與 React Testing Library 測試的差異。

Jest
React Testing Library (RTL)

Jest 主要測試什麼

Facebook 開發的測試框架。
適合寫 Unit Test。
支持異步處理測試。
提供 Snapshot Testing 測試 UI 是否符合預期。

React Testing Library (RTL) 主要測試什麼

使用 JavaScript 撰寫的測試工具。
~~提供 Virtual DOM 測試 React Component。~~
更正：直接操作 DOM 節點，不是操作 React Virtual DOM。
透過測試 React Component 可以更直接模擬使用者行為。

兩個測試工具可以在 React 專案中互相搭配使用。

參考資源

React Testing Tutorial - 2 - Jest vs React Testing Library

Day4: 學習 TDD（測試驅動開發）的基本原則和流程。

Day 6: React Testing Setup

系列文

Unit Test 學習路共 31 篇

目錄

RSS系列文訂閱系列文

3 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙