React testing through jest gives an unexpected error

Question

I'm using JEST to test my react app.

I get the error and some text as in the image below.

Also, the code for my test case(named: TodoApp.test.jsx) is as :

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);
});

If extra code/description is needed then please do ask. The complete file is on Github : TodoApp.test.jsx

Links that I already have gone through

score 0 · Answer 1 · answered Dec 03 '17 at 16:42

I cloned your repo and started commenting things out and found that there seems to be something going on with TodoApi.getTodos() on line 15 of TodoApp.jsx in the constructor when setting your initial state. If you remove the call to TodoApi.getTodos and replace with with an empty array the test errors disappear. You may need to create a mock function for TodoApi.getTodos to get your tests to pass.

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

React testing through jest gives an unexpected error

1 Answers1