附錄

以下是一些可能有助於您進行測試開發作業的額外概念和資訊。

使用 Vitest 做為測試執行器

Vitest 是一種越來越受歡迎的測試執行程式和架構。本課程在需要特定範例時會使用它,但其中許多範例都是通用的,可套用至您選擇的任何架構。

大多數的執行器或測試架構都具有許多共同點,因此無論您選擇的堆疊為何,這門課程都會很實用。我們選擇著重於 Vitest 的原因有以下幾點:

  • 這項現代化功能較新,因此只需極少即可完成設定或設定作業,與其他測試執行器相較。儘管 Vitest 是以 Vite 建構工具建構而成,但 Vitest 仍可用於現有專案。

  • 它也支援 EcmaScript 模組 (ESM),包括模擬整個匯入作業。雖然它有一些限制,但比起其他工具,它更穩定。

最重要的是,它為 Jest 提供大致相容的 API,而 Jest 可能是最熱門的執行程式。但無論使用何種架構,建構及分組測試的結構和分組方式通常都很相似。而其他進階功能 (例如複雜的測試雙打折扣) 通常更加緩慢。本課程會使用 Vitest 說明這些問題,但一律會說明通用解決方案。

以元件模型的形式回應

雖然本課程提供一般程式碼範例,可用於測試純 JavaScript (例如數學函式),但它會迅速轉移至測試 React 元件,之後再一般納入 Web 元件並使用 Lit。本課程也會使用 Next.js。

這是實用的選擇。儘管受到批評,React 仍是JS 現況調查中參與者最常使用的架構。