以 Jest 和 Enzyme 做 React 測試

Contents

通過測試驅動開發改進你的程式碼

從這 15 小時的課程，你會學到

通過學習使用 Jest 和 Enzyme 進行測試驅動開發，將你的 React 程式碼提升到新的水平！ Jest是一個功能強大、靈活的測試框架，Enzyme 為提供測試 React 和 Redux 應用程式的工具。在本課程中，你將學習如何測試：

你還將學習如何充分利用 Jest 的功能，包括

請注意：本課程不包括 Jest snapshots，因為它們與測試的TDD模式不相容。

為什麼要學習測試？

測試驅動開發將幫助你編寫更易於維護的、更好的、有組織程式碼，這將為你節省時間。你的測試為你的軟體開發團隊提供了價值，因為其他人知道他們可以信任你所出品的程式碼。雇主期望聘請的開發人員具備測試技能！

了解語法背後的原因

本課程討論在考慮不同測試方法時的權衡點，讓你對所做的測試選擇充滿信心。此外，當我們深入了解每一方面如何和為什麼測試時，你將加深對 React 和 Redux 的理解。

練習你的新技能

你也將有機會練習你所學到的東西。在我們建構課程專案時，偶爾會有“測驗”，你可以在其中應用所學內容，然後觀看視訊以查看解決方案。你還會接受兩套擴展課程專案的挑戰，其解決資訊都放在 GitHub 上供你參考。

為什麼我目前推薦 React 測試庫

React Testing Library 和 Enzyme 做同樣的工作：渲染組件，以便它們可以用 Jest 進行測試。我推薦 React Testing Library 而不是 Enzyme，原因如下：

與 Enzyme 不同，React 測試庫不依賴於 React 內部結構。這意味著 React 測試庫沒有需要隨 React 的每個版本更新的適配器，並且在新的 React 版本中出現問題的可能性要小得多。
我發現 React Testing Library 比 Enzyme 更容易使用。

這對本課程意味著什麼

現在 React 18 已經出來了，看不到 React 17 適配器，我不相信 Enzyme 有未來。對於希望學習如何測試新的 React 應用程式的人，我不會推薦這門課程。相反，我建議你找一門關於 React Testing Library 的課程。

也就是說，每週仍有約 240 萬次 Enzyme 下載（截至 2022 年 4 月）。以下是我推薦學習 Enzyme 的情況：

你正在處理一個已經有大量 Enzyme 測試的遺留專案，並且該專案從未打算升級到 React 18。
你正在處理一個包含大量現有 Enzyme 測試的專案，並且你希望在遷移到 React 測試程式庫 (React Testing Library，RTL) 之前了解這些測試。然而，React 17 非官方 Enzyme 適配器的作者 Wojciech Maj 建議： “雖然從 Enzyme 支持文章可讓你做遷移，但我建議你重新開始，忘記 Enzyme 曾經存在過。 RTL 絕不是 Enzyme 的直接替代品，因此擁有全新的思維方式將幫助你充分利用它。”

底線

當這門課程問世時，Enzyme 是測試 React 應用程式的好方法；但是，我不能再推薦它了。我鼓勵你改為學習 React 測試程式庫( RTL )。