Decir simplemente que quiero hacer valer hacer clic en este botón sin onClick prop dará como resultado un error (sé que este es un caso tonto, pero esto es solo una simplificación aproximada). Pero desafortunadamente no puedo detectar este error, sin importar cómo lo intenté.
El pseudocódigo se ve así:
Elemento.js:
const Element = ({ onClick }) => ( <button onClick={() => onClick('test')}>Test</button>) );Elemento.prueba.js
it('triggers on click callback', () => { const wrapper = render(<Element />); expect(userEvent.click(wrapper.getByTestId('test'))).toThrowError(); });Recibo 3 declaraciones de console.error: "console.error Error: Uncaught [TypeError: onClick is not a function]"
y un
expect(received).toThrowError() Received function did not throwEsto no tiene mucho sentido para mí. Por favor, ayúdenme a encontrar una solución o al menos aclarar lo que está sucediendo.