Skip to main content

jest-dom

A jest-dom é uma biblioteca acompanhante para Testing Library que fornece correspondentes de elemento do DOM personalizados para a Jest:

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

Depois siga a seção de uso da documentação da jest-dom para adicionares os correspondentes à 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()
})

Nota: quando estiveres a usar alguns destes correspondentes, podes precisar de certificar-te de que usas uma função de consulta (como queryByTestId) ao invés de uma função de recuperação (como getByTestId). De outro modo a função get lançaria um erro antes da tua afirmação.

Consulte a documentação da jest-dom por uma lista completa de correspondentes disponíveis.