Preguntas etiquetadas con enzyme

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" /> ... </div> ) } MyOuterComponenttiene 2 instancias de MyInnerComponenty me gustaría probar los accesorios en cada …

128 reactjs  jasmine  enzyme 

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 hecho algunas opiniones sobre …

95 testing  meteor  reactjs  chai  enzyme 

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'); console.log(input.render().attr('value')); input.simulate('focus'); done(); }); Se imprime la consola undefined. Pero si modifico …

90 unit-testing  reactjs  enzyme 

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 …

83 javascript  reactjs  testing  jestjs  enzyme 

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 * as router from 'react-router'; import …

18 reactjs  typescript  react-router  jestjs  enzyme 

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) { const buttonStyle = useStyles(props); const { children, width, ...others …

16 javascript  css  reactjs  jestjs  enzyme