測試
在 React 和 Next.js 中,您可以編寫幾種不同類型的測試,每種測試都有其特定的用途和使用情境。本頁面將概述這些測試類型以及您可以用來測試應用程式的常用工具。
測試類型
- 單元測試 (Unit Testing) 涉及獨立測試個別程式碼單元(或程式碼塊)。在 React 中,一個單元可以是一個函式、鉤子 (hook) 或元件。
- 元件測試 (Component Testing) 是單元測試的一種更專注的形式,主要測試對象是 React 元件。這可能包括測試元件的渲染方式、與屬性 (props) 的互動,以及對使用者事件的回應行為。
- 整合測試 (Integration Testing) 涉及測試多個單元如何協同工作。這可以是元件、鉤子和函式的組合。
- 端到端測試 (End-to-End Testing, E2E) 涉及在使用者環境(如瀏覽器)中模擬真實使用者情境來測試使用者流程。這意味著在類似生產環境的環境中測試特定任務(例如註冊流程)。
- 快照測試 (Snapshot Testing) 涉及捕獲元件的渲染輸出並將其保存到快照檔案中。當測試運行時,會將元件的當前渲染輸出與保存的快照進行比較。快照中的變化用於指示行為中的意外變化。
指南
請參閱以下指南,了解如何使用這些常見的測試工具來設定 Next.js: