在前端开发中，JavaScript 是主要的编程语言，而 npm 是常用的包管理工具。npm 上有很多可用的包，可以提高我们开发的效率。 @types/testing-library__jest-dom 就是一个非常好用的 npm 包。
概述
@types/testing-library__jest-dom 是一个类型定义包，用于 TypeScript 项目中的 Jest 测试。该包提供了可以与 Jest DOM 整合使用的更好的类型提示。
Jest DOM 是一个 Jest 插件，允许您对 DOM 断言进行最佳实践测试。与其他 DOM 测试工具不同，Jest DOM 专注于提供简单和有意义的断言，而不是全面封装浏览器 API，从而使测试更加容易编写和维护。
安装
要在项目中安装 @types/testing-library__jest-dom，可以使用以下命令：
npm install --save-dev @types/testing-library__jest-dom
在安装此包之前请确保已正确安装 Jest。
使用
安装 @types/testing-library__jest-dom 后，我们需要在 Jest 配置文件中添加一些设置，以便 Jest 能够正确地使用 Jest DOM 断言。这些设置如下所示：
// jest.config.js
module.exports = {
// ...
setupFilesAfterEnv: ["@testing-library/jest-dom"],
// ...
};在添加了 setupFilesAfterEnv 后，我们就可以使用 Jest DOM 断言了。例如，以下是一个简单的示例：
import { render } from "@testing-library/react";
test("renders learn react link", () => {
const { getByText } = render(<App />);
const linkElement = getByText(/learn react/i);
expect(linkElement).toBeInTheDocument();
});在此示例中，我们使用了 Jest DOM 中的 toBeInTheDocument 断言。它会检查指定的元素是否存在于文档中。
以下是可用的 Jest DOM 断言列表：
- toBeDisabled
- toBeEnabled
- toBeEmptyDOMElement
- toBeInTheDocument
- toBeInvalid
- toBeRequired
- toBeValid
- toContainElement
- toContainHTML
- toHaveAttribute
- toHaveClass
- toHaveFocus
- toHaveFormValues
- toHaveStyle
- toHaveTextContent
- toHaveValue
- toBeVisible
结论
@types/testing-library__jest-dom npm 包提供了一些非常有用的类型定义，可以帮助我们更好地编写 Jest 测试。它可以提供对 Jest DOM 断言的更好类型提示，实现自动补全和更好的代码跟踪能力等优点。在 TypeScript 项目中，它非常有用，并可以提高我们开发的效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaf93b5cbfe1ea061107b