設定
Webpack (または類似のもの) にバンドルされたブラウザでテストを実行している場合は、DOM テスティング ライブラリ がそのまま動作するはずです。ただし、DOM テスティング ライブラリ を使用しているほとんどの人は、testEnvironment を jest-environment-jsdom に設定して jest テスティング フレームワークで使用しています。
Jest を使用せずに使用する
jsdom は、ノードで動作する DOM とブラウザ API の完全な JavaScript 実装です。Jest を使用しておらず、ノードでテストを実行したい場合は、jsdom を自分でインストールする必要があります。グローバル環境を設定してブラウザ API をシミュレートするために使用できる global-jsdom というパッケージもあります。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