測試

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

測試類型

• 單元測試 涉及隔離測試個別單元（或程式碼區塊）。在 React 中，一個單元可以是一個單一函式、Hook 或元件。
  • 元件測試 是單元測試更集中的版本，其中測試的主要對象是 React 元件。這可能涉及測試元件的呈現方式、它們與 props 的互動，以及它們對使用者事件的回應行為。
  • 整合測試 涉及測試多個單元如何協同工作。這可以是元件、Hook 和函式的組合。
• 端對端 (E2E) 測試 涉及在模擬真實使用者情境的環境（例如瀏覽器）中測試使用者流程。這表示在類似生產環境的環境中測試特定任務（例如註冊流程）。
• 快照測試 涉及擷取元件的呈現輸出，並將其儲存到快照檔案。當測試執行時，目前元件的呈現輸出會與儲存的快照進行比較。快照中的變更用於指示行為中是否有非預期的變更。

Async Server Components

由於 async Server Components 是 React 生態系統的新功能，因此有些工具尚未完全支援它們。在此期間，我們建議對 async 元件使用端對端測試，而不是單元測試。

指南

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