¿Cómo puedo obtener la referencia de un elemento HTML en la biblioteca de pruebas? Tengo esto hasta ahora:
it('element container ref should be null if prop noSwipe is passed', () => { const onCloseMock = jest.fn() render(<Wrapper onClose={onCloseMock} noSwipe />) const container = screen.getByTestId('container') expect(container.ref).toBeNull() // Want to implement this line })Tal vez algo así es lo que estás buscando:
import React, {createRef} from 'react'; import * as TestUtils from 'react-dom/test-utils'; import CheckboxWithLabel from '../CheckboxWithLabel'; it('CheckboxWithLabel changes the text after click', () => { const checkboxLabelRef = createRef(); const checkboxInputRef = createRef(); // Render a checkbox with label in the document TestUtils.renderIntoDocument( <CheckboxWithLabel labelRef={checkboxLabelRef} inputRef={checkboxInputRef} labelOn="On" labelOff="Off" />, ); const labelNode = checkboxLabelRef.current; const inputNode = checkboxInputRef.current; // Verify that it's Off by default expect(labelNode.textContent).toEqual('Off'); // Simulate a click and verify that it is now On TestUtils.Simulate.change(inputNode); expect(labelNode.textContent).toEqual('On'); });Viene del ejemplo de reacción de broma, puedes leerlo aquí