Tag: ENZYME
Sé que simulate(‘click’) se utiliza para probar el clic en un componente, pero ¿por qué se utiliza eso en lugar de simulate(‘onClick’)? ¿Y por qué se utiliza ‘change’ en lugar de ‘onChange’? ‘click’ y ‘change’ no son eventos nativos de HTML. La documentación dice que simplemente toma una cadena. ¿Existe . . . Read more
Tengo una imagen en un componente que activa una función onerror cuando la imagen img1 no se carga, mi pregunta es ¿cómo puedo probar este onError usando jest/enzyme? <img alt=”{institute}” src=”{img1}” onerror=”{e” ==””> { e.target.onError = null e.target.src = defaultImg }} className={img1} />
He creado un componente simple de React y he escrito casos de prueba de los componentes que funcionan correctamente. He obtenido un informe de cobertura para los casos de prueba. Ahora, he añadido react redux a otro componente. Este componente contiene los métodos componentDidMount() y export default connect(null, updateProps)(ComponentName). Necesito . . . Read more
sample.js “`import React, { useState } from ‘react’; <p>const Sample = () => { const [show, setShow] = useState(false); const onShow = () => { setShow(!show); } return( <div> <button onClick={onShow}>{show ? 'Ocultar texto' : 'Mostrar texto'}</button> {show && <label>¡Bienvenido!!</label>} </div> ); }; export default Sample; “` Sample.test.js “`import {render, . . . Read more
Me gustaría probar los cuadros de verificación hechos con Material UI en React con Jest/Enzyme. Puedo probar fácilmente algún texto pero no puedo encontrar los cuadros de verificación y cambiar su estado. Cuadro de verificación: { it(“Set data”, () => { const TestComp = () => { // Context imports . . . Read more