設定
如果您是在瀏覽器中執行測試,並使用 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
- Yarn
npm install --save-dev jsdom global-jsdom
yarn add --dev jsdom global-jsdom
使用 mocha,測試命令會像這樣
mocha --require global-jsdom/register