Resultados de la búsqueda a petición "enzyme"

1 la respuesta

JEST prueba de componentes

Soy nuevo en escribir pruebas unitarias con Jest. Estoy probando un componente sobre una aplicación React. Hay dos componentes: Inicio y LogOutButton Este es el componente The Home: import 'bootstrap/dist/css/bootstrap.css'; ...

1 la respuesta

Error de Jest / Enzyme: “El método 'setState' solo debe ejecutarse en un solo nodo. 3 encontrados en su lugar. ”

Soy bastante nuevo en las pruebas con Enzyme / Jest en una aplicación React, por lo que quizás haya algo mal con la forma en que configuro mi prueba. Quiero probar específicamente una sola función en ...

2 la respuesta

¿Cómo probar un controlador de eventos de reacción que contiene history.push usando Jest y Enzyme?

Dado un componente simple: export default class SearchForm extends Component { constructor(props) { super(props) this.state = { query: '' } } onSubmit = (event) => { event.preventDefault() history.push(`/results/${this.state.query}`, { ...

1 la respuesta

Descubrir cómo burlarse del cambio de tamaño de la ventana para una prueba de componente de reacción

Básicamente, cuando se monta el componente, tengo un oyente de eventos que escucha los eventos de cambio de tamaño. Alterna el estado de isMobileView y luego lo pasa a los niños como accesorio. Por lo tanto, es imperativo que esto funcione y se ...

1 la respuesta

El contenido de los cuadros de diálogo modales de React no está disponible para las pruebas de enzimas que utilizan mount ()

Tengo un componente Reaccionar con un diálogo modal (creado usandoreactstrap, pero otros han reportado problemas similares conreact-bootstrap y otros tipos de componentes modales). Enzyme no puede encontrar ninguno de los componentes dentro del ...

2 la respuesta

¿Cuál es la mejor manera de probar los controladores de eventos de desplazamiento de ventana con Enzyme?

He estado trabajando en una aplicación React con un nuevo equipo y surgió la discusión sobre cómo escribir pruebas unitarias para componentes que activan métodos en eventos window.scroll. Entonces, tomemos este componente como ejemplo. import ...

2 la respuesta

Prueba unitaria Reaccionar clic fuera del componente

Usando el código deesta respuesta [https://stackoverflow.com/a/42234988/766958] para resolver hacer clic fuera de un componente: componentDidMount() { document.addEventListener('mousedown', this.handleClickOutside); } componentWillUnmount() ...

1 la respuesta

¿Cómo se accede a un estado en un componente React anidado envuelto por un HOC?

Estoy usandoEnzima [http://airbnb.io/enzyme/index.html], y en realidad podemos usar elejemplo [http://airbnb.io/enzyme/docs/api/ReactWrapper/setState.html#example]componente dado en los documentos como base para mi pregunta. Asumamos esto<Foo /> ...

1 la respuesta

Eslint debe aparecer en las dependencias del proyecto, no en las DevDependencies.

O no entiendodependencies vs.devDependencies en el nodo 100% todavía o eslint está mal aquí (no es capaz de analizar esto correctamente): 3:1 error 'chai' should be listed in the project's dependencies, not devDependencies ...

2 la respuesta

¿Cómo se usa Jest para probar img.onerror

Creé un componente React que carga una imagen y determina si la imagen se cargó correctamente o no. import React from 'react'; import PropTypes from 'prop-types'; import { LOADING, SUCCESS, ERROR } from '../helpers'; class Image extends ...