附錄

以測試執行者身分執行病毒測試

Vitest 是測試執行器和架構,而且越來越熱門。每當需要具體範例時,本課程都會使用此方法,但當中有許多範例通用,且適用於您選擇的任何架構。

大多數的跑者或測試架構通常都具備很高的特性,因此無論您選擇的堆疊為何,本課程都能派上用場。我們之所以選擇將重心放在 Vitest 上 原因包括:

  • 此類別為現代化,因此設定或設定的工作不多,雖然 Vitest 建構在 Vite 建構工具上,但仍可搭配現有專案使用。

  • 另外,這個程式庫也支援使用 EcmaScript 模組 (ESM),包括模擬整個匯入作業。雖然這個 API 有注意事項,但比其他工具更穩定。

最重要的是,它會向 Jest (可能是熱門執行器) 顯示非常相容的 API。不過,無論您使用哪種架構,測試的結構及分組方式通常都大同小異。而更複雜的測試替身等進階功能往往會更進一步。本課程使用 Vitest 來說明這些方法,不過也一律會描述一般解決方案。

做為元件模型回應

雖然本課程提供了測試純 JavaScript 的一般程式碼範例 (例如數學函式),但稍後會迅速進入測試 React 元件,然後再納入一般網頁元件並使用 Lit。本課程也會使用 Next.js。

這種做法可行。雖然批評,但 React 是近期的 JS 現況問卷調查中,參與者最常用的架構。