鐵人檔案
確保測試時讓 Babel 編譯 modules 在前端專案裡，我們通常會使用 Webpac 搭配 Babel Loader 來編譯瀏覽器不相容的語法，Webpa...
為什麼需要 Snapshot testing？ 假設我們有個檔案 super-heros.js ****export getFlyingSuperHeros ，...
配置 moduleDirectories 讓 Jest 支援自訂的 Module Resolution 有時候，專案可能有些 modules 會被多個文件頻繁引...
使用 Jest Watch Mode 加速測試開發 目前若要執行測試的話，都要 npm run test 一次，在開發階段每次更新檔案都要執行一次重複的動作，有...
使用 —config Flag 及 testMatch Option 以不同的配置跑測試 假設專案除了前端的程式碼之外，也有單純運行在 node.js 環境的程...
使用 ReactDOM 來 Render 被測試元件 假設現在有一個 <FavoriteNumber /> 元件，我們要測試它是否有 render...
昨天我們學習了如何在測試裡 render 元件，並使用 testing library 家族的 jest-dom 及 dom-testing-library 來...
目前為止我們已經了解該如何使用 React Testing Library 的 render 跟 debug 來 測試元件的狀態了。 今天我們將繼續探索如何測試...
如果元件內有牽涉 HTTP requests ，我們通常需要在測試中 mock 它們。今天將學習如何測試元件的時候 mock 這些 HTTP requests。...
在 React 應用程式中，Error Boundary 是一種用來捕捉錯誤的元件，今天我們來學習如何測試 Error Boundary。先看一下元件的程式碼：...
