Las pruebas de reacción a través de la broma dan un error inesperado: reactjs, pruebas de unidad, jestjs, babel-jest

Estoy usando JEST para probar mi aplicación reaccionar.

Me sale el error y algún texto como en la imagen de abajo.

Además, el código para mi caso de prueba (llamado: TodoApp.test.jsx) es como :

it("should add todo ...", () => {
// const text = "Suzal is trying react";

// I commented out the other lines because the test
// only gave error when this line was included.

const todoApp = TestUtils.renderIntoDocument(<TodoApp />);

// todoApp.state = {
//     todos: []
// }
// todoApp.handleAddTodo(text);
// expect(todoApp.state.todos[0].text).toBe(text);
});

Si se necesita código / descripción adicional, por favor pregunte. El archivo completo está en Github: TodoApp.test.jsx

Enlaces por los que ya he pasado.

• https://github.com/facebook/react/issues/11098

• https://github.com/facebook/jest/issues/4597

Respuestas

Cloné tu repo y comencé a comentar cosas.y descubrió que parece haber algo con TodoApi.getTodos () en la línea 15 de TodoApp.jsx en el constructor al configurar su estado inicial. Si elimina la llamada a TodoApi.getTodos y reemplaza con una matriz vacía, los errores de prueba desaparecen. Es posible que necesite crear una función simulada para TodoApi.getTodos para que sus pruebas pasen.

https://facebook.github.io/jest/docs/en/mock-functions.html