Instalación

[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 →

Este módulo se distribuye mediante npm, que viene incluido con node, y debe instalarse como una de las devDependencies de tu proyecto:

npm

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

Yarn

yarn add --dev @testing-library/dom

Bibliotecas específicas

Si estás usando un framework o biblioteca como React, probablemente querrás instalar su adaptador específico:

• Biblioteca de pruebas para React

• Biblioteca de pruebas para Reason

• Biblioteca de pruebas para React Native

• Biblioteca de pruebas para Vue

• Biblioteca de pruebas para Marko

• Biblioteca de pruebas para Angular

• Biblioteca de pruebas para Preact

• Biblioteca de pruebas para Svelte

• Biblioteca de pruebas para Cypress

• Biblioteca de pruebas para Puppeteer

• Biblioteca de pruebas para TestCafe

• Biblioteca de pruebas para Nightwatch

• Biblioteca de pruebas para Solid

Ecosistema

DOM Testing Library funciona bien con estas bibliotecas complementarias:

• user-event simulación de eventos del navegador

• jest-dom matchers personalizados para Jest

• bs-jest-dom biblioteca complementaria para bs-react-testing-library

• jest-native biblioteca complementaria para React Native Testing Library

• react-select-event biblioteca complementaria para React Testing Library

• eslint-plugin-testing-library Plugin de ESLint para Testing Library

• eslint-plugin-jest-dom Plugin de ESLint para Jest DOM

• riot-testing-library añade APIs para trabajar con componentes Riot.js

Exportaciones principales

Puedes revisar el package.json de DOM Testing Library aquí.

En particular, los campos main, module y umd:main son útiles. Cada uno apunta a un archivo que sirve para situaciones específicas. Normalmente, tu framework de pruebas resolverá automáticamente el adecuado para tu caso, pero si no lo hace, puedes configurar tu framework para que resuelva al archivo correcto al requerir/importar @testing-library/dom, o importar explícitamente el archivo que necesites. Por ejemplo:

import {within} from '@testing-library/dom/dist/@testing-library/dom.umd.js'

Puedes revisar los archivos publicados en dist aquí.

El archivo main está configurado para compilarse con compatibilidad para la versión de Node especificada en el campo engines.node del package.json. Mientras que los archivos module y umd:main están configurados para compilarse con compatibilidad para navegadores tan antiguos como IE 10.