ReactのコンポーネントをEnzyme+Jestでテストしたときの挙動がおかしい気がする

Reactで書いた下のようなコンポーネントを Enzyme + Jest でテストしようと考えています。テストしたい部分は Okボタンを押したときにちゃんと decidePaperInfos が呼ばれているかという部分です。

javascript
1import React from "react";
2import TextField from "@material-ui/core/TextField";
3
4import "../../style/index.css";
5
6class PaperInfoWindow extends React.Component {
7  constructor(props) {
8    super(props);
9
10    this.state = {
11      title: "",
12    };
13
14    this.decidePaperInfos = this.decidePaperInfos.bind(this);
15  }
16
17  decidePaperInfos() {
18    let title = this.state.title;
19
20    this.props.createPaperEntry(title);
21    this.props.closePopup();
22  }
23
24  render() {
25    return (
26      <div className="popup_window">
27        <h2 id="popup_title">Document Informations</h2>
28        <div className="popup_col">
29          <TextField
30            className="textfield"
31            id="title-field"
32            label="Title"
33            variant="outlined"
34            value={this.state.title}
35          />
36        </div>
37        <div className="popup-buttons">
38          <div className="button ok" onClick={this.decidePaperInfos}>
39            OK
40          </div>
41          <div className="button cancel" onClick={this.props.closePopup}>
42            Cancel
43          </div>
44        </div>
45      </div>
46    );
47  }
48}
49
50export default PaperInfoWindow;

それをテストするために以下のようなテストを書きました。

javascript
1import Enzyme, { shallow, mount } from "enzyme";
2import EnzymeAdapter from "enzyme-adapter-react-16";
3import React from "react";
4import PaperInfoWindow from "./PaperInfoWindow";
5
6Enzyme.configure({ adapter: new EnzymeAdapter() });
7
8test("test new paper is created in store when OK button is clicked", () => {
9  const createPaperMock = jest.fn();
10  const closePopMock = jest.fn();
11  const wrapper = shallow(
12    <PaperInfoWindow
13      createPaperEntry={createPaperMock}
14      closePopup={closePopMock}
15    />
16  );
17
18  const decideSpy = jest.spyOn(wrapper.instance(), "decidePaperInfos");
19
20  wrapper.find("div.ok").simulate("click");
21  expect(createPaperMock).toHaveBeenCalled();
22  expect(closePopMock).toHaveBeenCalled();
23  expect(decideSpy).toHaveBeenCalled();
24});

decidePaperInfos の中ではプロパティとして与えられている createPaperEntryとclosePopupという２つのメソッドを使うためにこの２つは Jest でモックしています。

このテストを実行すると、

javascript
1expect(createPaperMock).toHaveBeenCalled();
2expect(closePopMock).toHaveBeenCalled();

の２つは問題なく通るのですが、 expect(decideSpy).toHaveBeenCalled(); でエラーが出ます。

bash
1  ● test new paper is created in store when OK button is clicked
2
3    expect(jest.fn()).toHaveBeenCalled()
4
5    Expected number of calls: >= 1
6    Received number of calls:    0
7
8      59 |   expect(createPaperMock).toHaveBeenCalled();
9      60 |   expect(closePopMock).toHaveBeenCalled();
10    > 61 |   expect(decideSpy).toHaveBeenCalled();
11         |                     ^
12      62 |   /*
13      63 |   wrapper.setState({
14      64 |     title: "test title",
15