測試 | Next.js - 繁體中文

在 React 和 Next.js 中，您可以編寫幾種不同類型的測試，每種測試都有其目的和使用情境。本頁面將概述測試類型以及您可以用來測試應用程式的常用工具。

測試類型

單元測試 (Unit Testing) 涉及獨立測試個別單元（或程式碼區塊）。在 React 中，一個單元可以是一個函式、Hook 或元件。
- 元件測試 (Component Testing) 是單元測試的一種更專注的形式，主要測試對象是 React 元件。這可能包括測試元件的渲染方式、與 props 的互動，以及對使用者事件的回應行為。
- 整合測試 (Integration Testing) 涉及測試多個單元如何協同工作。這可以是元件、Hook 和函式的組合。
端到端測試 (End-to-End Testing / E2E Testing) 涉及在使用者環境（如瀏覽器）中測試模擬真實使用者情境的操作流程。這意味著在類似生產環境的環境中測試特定任務（例如註冊流程）。
快照測試 (Snapshot Testing) 涉及捕獲元件的渲染輸出並將其保存到快照檔案中。當測試執行時，會將元件當前的渲染輸出與保存的快照進行比較。快照中的變化用於指示行為中的意外變化。

由於 async 伺服器元件是 React 生態系統中的新功能，部分工具尚未完全支援它們。在此期間，我們建議對 async 元件使用端到端測試 (End-to-End Testing) 而非單元測試 (Unit Testing)。

請參閱以下指南，了解如何設定 Next.js 與這些常用測試工具：