Estoy usando react-testing-libarary para probar mi aplicación de reacción. Por alguna razón, necesito poder encontrar el elemento por id y no data-testid . No hay forma de lograr esto en la documentación.
¿Hay una manera de lograr esto?
Tengo la salida renderizada como:
const dom = render(<App />);Estoy buscando algo en la línea de:
const input = dom.getElemenById('firstinput'); //or const input = dom.getById('firstinput');Siento que ninguna de las respuestas realmente dio una solución completa, así que aquí está:
const result = render(<SomeComponent />); const someElement = result.container.querySelector('#some-id');Encontré una manera de hacer esto.
import App from './App'; import { render, queryByAttribute } from 'react-testing-library'; const getById = queryByAttribute.bind(null, 'id'); const dom = render(<App />); const table = getById(dom.container, 'directory-table');Espero que esto ayude.
Parece que tienes el nodo DOM como contenedor . Por lo tanto, debería poder llamar a .querySelector('#firstinput') con eso.