Estoy probando un componente React con renderizado superficial de Jasmine Enzyme. Simplificado aquí para los propósitos de esta pregunta ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ......
Antes de publicar esta pregunta, intenté buscar en sqa stackexchange pero no encontré ninguna publicación sobre superficial y renderizado allí, así que espero que alguien pueda ayudarme aquí. ¿Cuándo debo usar shallow y render al probar los componentes de React? Según los documentos de Airbnb, he...
Estoy confundido acerca de cómo acceder al <input>valor cuando lo uso mount. Esto es lo que tengo como prueba: it('cancels changes when user presses esc', done => { const wrapper = mount(<EditableText defaultValue="Hello" />); const input = wrapper.find('input');...
Simular el clic de un botón parece una operación muy fácil / estándar. Sin embargo, no puedo hacer que funcione en las pruebas de Jest.js. Esto es lo que intenté (y también lo hice usando jQuery), pero no pareció desencadenar nada: import { mount } from 'enzyme'; page = <MyCoolPage...
Estoy usando el gancho UseHistory en react router v5.1.2 con typecript? Cuando ejecuto la prueba unitaria, tengo un problema. TypeError: No se puede leer la propiedad 'historial' de indefinido. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import *...
He escrito un botón personalizado ( MyStyledButton) basado en material-ui Button . import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function MyStyledButton(props)...