javascript - 使用 Enzyme 和 Sinon 进行内部调用单元测试

Question

我正在尝试使用 enzyme 和 Sinon 中的内部调用为函数编写测试，但我遇到了一些有关内部调用的问题。

这是我的代码:

Chat.js

sendMssage = text => {
    const { user } = this.props;
    let message = this.messageModel.normalize(text);

    this.socketClient.onSendMessage(message, user);
    this.addMessage(message);
  };

test.js

  it('should call sendMessage function', () => {
    const wrapper = shallow(<Chat />);
    const instance = wrapper.instance();
    sinon.spy(instance.socketClient(
    message,
    user,
  ));
    socketClicent.onSendMessage(message, user);
    Instance.sendMessage(message);
  });

它抛出一个错误:

instance.socketClient is not a function

任何人都可以帮助我了解我做错了什么吗？

Answer 1

我看到您正在执行以下操作:

sinon.spy(instance.socketClient(
  message,
  user,
));

我猜 socketClient 是一个对象实例而不是一个函数，但如果没有看到这部分的代码，我无法确定。

如果您认为您打算监视 socketClient 的方法 onSendMessage。 sinon.spy 期望您传递函数或对象 + 函数(如果您试图监视实例方法)。尝试以下操作:

sinon.spy(instance.socketClient, 'onSendMessage');

完整的解决方案:

it('should call sendMessage function', () => {
  const wrapper = shallow(<Chat user={user} />);
  const instance = wrapper.instance();
  const socketClient = new socketEvent();
  const spy = sinon.spy(socketClient, 'onSendMessage');
  instance.socketClient = socketClient;
  instance.sendMessage(message);
  sinon.assert.calledWith(spy, message, user);
});