安裝

此模組透過 npm 發布，npm 包含在 node 中，應該作為專案的 devDependencies 之一安裝。

npm

npm install --save-dev @testing-library/dom

Yarn

yarn add --dev @testing-library/dom

封裝器

如果您正在使用像是 React 的框架或函式庫，您可能會想要安裝封裝器

• React 測試函式庫
• Reason 測試函式庫
• React Native 測試函式庫
• Vue 測試函式庫
• Marko 測試函式庫
• Angular 測試函式庫
• Preact 測試函式庫
• Svelte 測試函式庫
• Cypress 測試函式庫
• Puppeteer 測試函式庫
• Testcafe 測試函式庫
• Nightwatch 測試函式庫
• Solid 測試函式庫

生態系統

DOM 測試函式庫 與這些相關函式庫搭配良好

• user-event 瀏覽器事件模擬
• jest-dom 自訂 Jest 匹配器
• bs-jest-dom bs-react-testing-library 的相關函式庫
• jest-native React Native 測試函式庫 的相關函式庫
• react-select-event React 測試函式庫 的相關函式庫
• eslint-plugin-testing-library 測試函式庫的 ESLint 外掛
• eslint-plugin-jest-dom Jest DOM 的 ESLint 外掛
• riot-testing-library 新增用於處理 Riot.js 元件的 API

主要匯出

您可以在此處檢視 DOM 測試函式庫 的 package.json。

特別是，main、module 和 umd:main 欄位很有用。這些欄位各自指向在特定情況下有用的檔案。通常，您的測試框架會為您的情況解析到正確的檔案，但如果沒有，您可以設定您的測試框架，在您 require/import @testing-library/dom 時解析到正確的檔案，或者您可以更明確地匯入您需要的檔案。例如

import {within} from '@testing-library/dom/dist/@testing-library/dom.umd.js'

您可以在此處檢視發布的 dist 檔案。

main 檔案已設定為編譯至支援 package.json engines.node 欄位中參照的 node 版本。但 module 和 umd:main 檔案已設定為編譯至支援舊版至 IE 10 的瀏覽器。