測試
在 React 和 Next.js 中,您可以撰寫幾種不同類型的測試,每種類型都有其用途和使用案例。本頁概述了測試類型以及您可以用來測試應用程式的常用工具。
測試類型
- 單元測試 涉及隔離測試個別單元(或程式碼區塊)。在 React 中,一個單元可以是一個單一函式、Hook 或元件。
- 元件測試 是單元測試更集中的版本,其中測試的主要對象是 React 元件。這可能涉及測試元件的渲染方式、它們與 props 的互動,以及它們對使用者事件的行為。
- 整合測試 涉及測試多個單元如何協同工作。這可以是元件、Hook 和函式的組合。
- 端對端 (E2E) 測試 涉及在模擬真實使用者情境(例如瀏覽器)的環境中測試使用者流程。這表示在類似生產環境的環境中測試特定任務(例如註冊流程)。
- 快照測試 涉及捕捉元件的渲染輸出並將其儲存到快照檔案。當測試執行時,元件的目前渲染輸出會與儲存的快照進行比較。快照中的變更用於指示行為中的意外變更。
指南
請參閱以下指南,了解如何使用這些常用的測試工具設定 Next.js
Vitest
了解如何使用 Vitest 和 React Testing Library(兩個熱門的單元測試函式庫)設定 Next.js。
Jest
了解如何使用 Jest 設定 Next.js 以進行單元測試。
Playwright
了解如何使用 Playwright 設定 Next.js 以進行端對端 (E2E) 和整合測試。
Cypress
了解如何使用 Cypress 設定 Next.js 以進行端對端 (E2E) 和元件測試。
這對您有幫助嗎?