Using ReactTestUtils.renderIntoDocument and ReactTestUtils.Simulate

react-test-utils-simulate.js

import React from "react";
import ReactTestUtils from "react-dom/test-utils";

const PageLink = ({ page, onClick }) => (
  <a href={`?page=${page}`} onClick={onClick}>
    Page {page}
  </a>
);

// ReactTestUtils.renderIntoDocument doesn't work with functional components
class App extends React.Component {
  render() {
    const { onClick } = this.props;

    return (
      <div>
        <PageLink page={2} onClick={onClick} />
      </div>
    );
  }
}

it("calls click handler", () => {
  const onClick = jest.fn();

  const component = ReactTestUtils.renderIntoDocument(
    <App onClick={onClick} />
  );

  const [page2] = ReactTestUtils.findAllInRenderedTree(
    component,
    e => e && e.tagName === "A" && e.href === "?page=2"
  );
  ReactTestUtils.Simulate.click(page2);

  expect(onClick).toHaveBeenCalled();
});