On mocking function toHaveBeenCalledTimes() returns 0

My Component

import React from "react";
import { withRouter } from "react-router-dom";
import { Icon } from "antd";

const handleGoBack = (history, returnPath) => {
  if (returnPath) {
    history.push(returnPath);
  } else {
    history.goBack();
  }
};

const GoBack = ({ history, returnPath }) => (
  <span onClick={() => handleGoBack(history, returnPath)} style={{ cursor: "pointer" }}>
    <Icon type="arrow-left" />
  </span>
);

export default withRouter(GoBack);

Test

import React from "react";
import { shallow, mount } from "enzyme";
import GoBack from "./GoBack";
import { BrowserRouter as Router } from "react-router-dom";

const returnPath = "/manage-rfq";

describe("GoBack", () => {
  let wrapper;
  const history = {
    goBack: jest.fn(),
    push: jest.fn()
  };

  it("should not push in history", () => {
    wrapper = mount(
      <Router>
        <GoBack />
      </Router>
    );
    wrapper.simulate("click");
  // this returns 0 although that method is getting called`
    expect(history.goBack).toHaveBeenCalledTimes(1);
  });

});

Error:

● GoBack › should not push in history

    expect(jest.fn()).toHaveBeenCalledTimes(expected)

    Expected number of calls: 1
    Received number of calls: 0

      29 |     wrapper.simulate("click");
    > 31 |     expect(history.goBack).toHaveBeenCalledTimes(1);
         |                            ^
      32 |   });

[ljharb]

I’d suggest avoiding simulate; it does not actually simulate anything. (also, if you stick jsx after your triple backticks, it syntax highlights and makes code snippets readable)

Can you try .invoke('onClick')() instead?

[ljharb]

@RehanRabbani use wrappingComponent for Router, and avoid simulate since it doesn’t simulate anything - if you want to invoke onClick, use .invoke('onClick')().