Perguntas com a marcação «enzyme»

Estou testando um componente React com renderização superficial Jasmine Enzyme. Simplificado aqui para os fins desta pergunta ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponenttem 2 instâncias MyInnerComponente eu gostaria de testar os adereços em cada uma. O …

128 reactjs  jasmine  enzyme 

antes de postar esta questão, tentei pesquisar em sqa stackexchange, mas não encontrei nenhuma postagem sobre raso e renderização lá, então espero que alguém possa me ajudar aqui. Quando devo usar raso e render no teste de componentes de reação? Com base nos documentos do airbnb, fiz algumas opiniões sobre …

95 testing  meteor  reactjs  chai  enzyme 

Estou confuso sobre como acessar o <input>valor ao usar mount. Aqui está o que tenho como meu teste: 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(); }); O console imprime undefined. Mas se eu modificar um …

91 unit-testing  reactjs  enzyme 

Estou usando o gancho UseHistory no roteador de reação v5.1.2 com texto datilografado? Ao executar o teste de unidade, tenho um problema. TypeError: Não é possível ler a propriedade 'history' de indefinido. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router …

18 reactjs  typescript  react-router  jestjs  enzyme 

Eu escrevi um botão personalizado ( MyStyledButton) baseado em 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