跳至內容

測試

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

測試類型

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

指南

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