jest-dom

jest-dom 是测试库的一个配套库，为 Jest 提供自定义的 DOM 元素匹配器。

jest-dom 是 Testing Library 的一个配套库，为 Jest 提供自定义的 DOM 元素 匹配器。

npm

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

Yarn

yarn add --dev @testing-library/jest-dom

然后按照 jest-dom 文档中的用法部分，将匹配器添加到 Jest 中。

import {screen} from '@testing-library/dom'

test('uses jest-dom', () => {
  document.body.innerHTML = `
    <span data-testid="not-empty"><span data-testid="empty"></span></span>
    <div data-testid="visible">Visible Example</div>
  `

  expect(screen.queryByTestId('not-empty')).not.toBeEmptyDOMElement()
  expect(screen.getByText('Visible Example')).toBeVisible()
})

注意：当使用其中一些匹配器时，你可能需要确保你使用查询函数（ 如queryByTestId）而不是获取函数（如getByTestId）。否则，get* 函数可能会 在你的断言之前抛出一个错误。

请查阅jest-dom 的文档，了解可用匹配器的完整列表。

• jest-dom on GitHub