Ir para o conteúdo principal

jest-dom

[Tradução Beta Não Oficial]

Esta página foi traduzida por PageTurner AI (beta). Não é oficialmente endossada pelo projeto. Encontrou um erro? Reportar problema →

jest-dom é uma biblioteca complementar à Testing Library que oferece matchers personalizados para elementos DOM no Jest.

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

Em seguida, siga a seção de uso da documentação do jest-dom para adicionar os matchers ao 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: ao usar alguns desses matchers, pode ser necessário garantir que você usa uma função de query (como queryByTestId) em vez de uma função get (como getByTestId). Caso contrário, a função get* pode lançar um erro antes da sua asserção.

Consulte a documentação do jest-dom para ver a lista completa de matchers disponíveis.