javascript - 使用 Jest 和 Sinon 的 React 测试函数调用不起作用

Question

我正在尝试断言我的 React 类方法在事件发生后被调用的次数。我试过使用 sinon.spy 和 jest.fn() 无济于事。

使用 sinon.spy:

test('Some test', (done) => {
  const page = renderLookupPage();
  const formInputButton = page.find('.button').first();
  formInputButton.simulate('click');

  let spy = sinon.spy(page.instance().myReactMethod);

  const button = page.find('.tag').first();
  button.simulate('click');

  setTimeout(() => {
        try {
            console.log(spy.callCount); //0
          done();
        } catch (error) {
          done.fail(error);
        }
      }, 100);
    });

用 jest.fn():

test('Some test', (done) => {
  const page = renderLookupPage();
  const formInputButton = page.find('.button').first();
  formInputButton.simulate('click');

  page.instance().myReactMethod = jest.fn(() => {});

  const button = page.find('.tag').first();
  button.simulate('click');

      setTimeout(() => {
        try {
            console.log(page.instance().myReactMethod.mock.calls.length); //0
          done();
        } catch (error) {
          done.fail(error);
        }
      }, 100);
    });

我确信所讨论的方法肯定会被调用。更令人困惑的是在

之前打印的方法中的 console.log 语句

console.log(spy.callCount)

任何正确方向的指示将不胜感激!干杯!

Answer 1

解决方案很简单，

我移动了线

page.instance().myReactMethod = jest.fn(() => {});

在上一行之上:

formInputButton.simulate('click');

不确定为什么会这样，很高兴听到有人说为什么这会影响结果？

注意:formInputButton 不调用有问题的函数