安装

npm

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

Yarn

yarn add --dev @testing-library/dom

封装器

如果你在使用像 React 这样的框架或库时，你应该安装对应的封装器：

• React Testing Library
• Reason Testing Library
• React Native Testing Library
• Vue Testing Library
• Marko Testing Library
• Angular Testing Library
• Preact Testing Library
• Svelte Testing Library
• Cypress Testing Library
• Puppeteer Testing Library
• Testcafe Testing Library
• Nightwatch Testing Library

生态

DOM Testing Library 和下面这些配套库一起运行:

• user-event 模拟浏览器事件
• jest-dom 自定义的 Jest 匹配器
• bs-jest-dom bs-react-testing-library 的配套库
• jest-native React Native Testing Library 的配套 库
• react-select-event React Testing Library 的配套库
• eslint-plugin-testing-library Testing Library 的 ESLint 插件
• eslint-plugin-jest-dom Jest DOM 的 ESLint 插件
• riot-testing-library 支持 Riot.js 组件

Main Exports

你可以查看 DOM Testing Library 的 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 文件被配置为支持 IE10(旧的浏览器)。