跳到主要內容

設定

如果您是在瀏覽器中執行測試,並使用 webpack(或類似工具)打包,那麼 DOM Testing Library 應該可以直接使用。然而,大多數使用 DOM Testing Library 的人都是搭配 Jest 測試框架,並將 testEnvironment 設定為 jest-environment-jsdom

不使用 Jest 的情況

jsdom 是一個純 JavaScript 實作的 DOM 和瀏覽器 API,可在 node 中執行。如果您沒有使用 Jest,但想要在 Node 中執行測試,則必須自行安裝 jsdom。還有一個稱為 global-jsdom 的套件,可用於設定全域環境來模擬瀏覽器 API。請注意,如果您使用的是 Vitest,您只需要將 environment 設定為 jsdom 即可達到相同的效果,您不需要 global-jsdom。

首先,安裝 jsdom 和 global-jsdom。

npm install --save-dev jsdom global-jsdom

使用 mocha,測試命令會像這樣

mocha --require global-jsdom/register