測試

在 React 和 Next.js 中，您可以撰寫幾種不同類型的測試，每一種都有其目的和使用案例。此頁面概述了您可以用來測試應用程式的類型和常用工具。

測試類型

• 單元測試 (Unit testing) 涉及單獨測試個別單元（或程式碼塊）。在 React 中，一個單元可以是單個函式、鉤子或元件。
  • 元件測試 (Component testing) 是一種更專注的單元測試版本，其中測試的主要對象是 React 元件。這可能涉及測試元件如何渲染、它們與 props 的互動以及它們響應使用者事件的行為。
  • 整合測試 (Integration testing) 涉及測試多個單元如何協同工作。這可以是元件、鉤子和函式的組合。
• 端對端 (E2E) 測試 會在模擬真實使用者情境的環境（例如瀏覽器）中測試使用者流程。這表示在類似正式環境中測試特定任務（例如註冊流程）。
• 快照測試 會擷取元件的渲染輸出並將其儲存至快照檔案。執行測試時，會將元件目前的渲染輸出與儲存的快照進行比較。快照中的變更可用於指出非預期的行為變更。

非同步伺服器元件

由於 async 非同步伺服器元件是 React 生態系統的新成員，某些工具並不完全支援它們。在此期間，我們建議對 async 非同步元件使用端對端測試，而非單元測試。

指南

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