Aller au contenu principal

jest-dom

[Traduction Bêta Non Officielle]

Cette page a été traduite par PageTurner AI (bêta). Non approuvée officiellement par le projet. Vous avez trouvé une erreur ? Signaler un problème →

jest-dom est une bibliothèque complémentaire à Testing Library qui fournit des matchers personnalisés pour les éléments DOM dans Jest.

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

Suivez ensuite la section sur l'utilisation dans la documentation de jest-dom pour ajouter ces matchers à 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()
})

Remarque : lorsque vous utilisez certains de ces matchers, assurez-vous d'utiliser une fonction query (comme queryByTestId) plutôt qu'une fonction get (comme getByTestId). Sinon, la fonction get* pourrait générer une erreur avant votre assertion.

Consultez la documentation de jest-dom pour obtenir la liste complète des matchers disponibles.