Resultados da pesquisa a pedido "enzyme"
este de componentes @ JEST
Sou novo em escrever testes de unidade com o Jest. Estou testando um componente em um aplicativo React. Existem dois componentes: Home e LogOutButton Este é o componente Home: import 'bootstrap/dist/css/bootstrap.css'; ...
Erro Jest / Enzyme: “O método 'setState' destina-se apenas à execução em um único nó. 3 encontrados. ”
Sou relativamente novo em testes com Enzyme / Jest em um aplicativo React, então talvez haja algo errado com a maneira como estou configurando meu teste. Eu quero testar especificamente uma única função no ...
Como testar a unidade de um manipulador de eventos de reação que contenha history.push usando Jest e Enzyme?
Dado um componente simples: export default class SearchForm extends Component { constructor(props) { super(props) this.state = { query: '' } } onSubmit = (event) => { event.preventDefault() history.push(`/results/${this.state.query}`, { ...
Descobrindo como simular a alteração do tamanho da janela para um teste de componente de reação
Então, basicamente, quando o componente é montado, tenho um ouvinte de eventos ouvindo eventos de redimensionamento. Alterna o estado isMobileView e o passa para os filhos como um suporte. Portanto, é imperativo que isso funcione e seja testado. ...
O conteúdo das caixas de diálogo modais React não está disponível para testes de enzimas usando mount ()
Eu tenho um componente React com uma caixa de diálogo modal (criada usandoreactstrap, mas outros relataram problemas semelhantes comreact-bootstrap e outros tipos de componentes modais). A enzima não consegue encontrar nenhum dos componentes ...
Qual é a melhor maneira de testar os Manipuladores de Eventos de Rolagem de Janela com Enzima?
Eu tenho trabalhado em um aplicativo React com uma nova equipe e surgiu a discussão sobre a criação de testes de unidade para componentes que acionam métodos em eventos window.scroll. Então, vamos tomar esse componente como um exemplo. import ...
Teste de unidade Reagir clique fora do componente
Usando o código deesta resposta [https://stackoverflow.com/a/42234988/766958] para resolver clicar fora de um componente: componentDidMount() { document.addEventListener('mousedown', this.handleClickOutside); } componentWillUnmount() ...
Como um estado de acesso em um componente React aninhado está envolvido por um HOC?
estou a usarEnzima [http://airbnb.io/enzyme/index.html]e podemos realmente usar oexemplo [http://airbnb.io/enzyme/docs/api/ReactWrapper/setState.html#example] componente fornecido nos documentos como base para minha pergunta. Vamos assumir ...
eslint deve ser listado nas dependências do projeto, não devDependencies
Ou eu não entendodependencies vs.devDependencies no nó 100% ainda ou eslint está errado aqui (não é capaz de analisar isso corretamente): 3:1 error 'chai' should be listed in the project's dependencies, not devDependencies ...
Como você usa o Jest para testar img.onerror
Eu criei um componente React que carrega uma imagem e determina se a imagem foi carregada com sucesso ou não. import React from 'react'; import PropTypes from 'prop-types'; import { LOADING, SUCCESS, ERROR } from '../helpers'; class Image ...