Saltar al contenido principal

jest-dom

[Traducción Beta No Oficial]

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

jest-dom es una biblioteca complementaria de Testing Library que proporciona comparadores personalizados para elementos DOM en Jest.

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

Luego sigue la sección de uso de la documentación de jest-dom para agregar los comparadores a 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: al usar algunos de estos matchers, es posible que necesites asegurarte de usar una función de consulta (como queryByTestId) en lugar de una función de obtención (como getByTestId). De lo contrario, la función get* podría lanzar un error antes de tu aserción.

Consulta la documentación de jest-dom para ver la lista completa de comparadores disponibles.