安装

此模块通过 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 字段非常有用。这些字段中的每一个都指向在特定情况下有用的文件。通常，您的测试框架将解析到适合您情况的文件，但如果它没有，那么您可以配置您的测试框架在您需要/导入 @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 及更早版本的浏览器。