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

Question

我正在尝试用酶和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 不是函数

谁能帮我理解我做错了什么？

Answer 1

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

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

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

如果您认为您打算监视onSendMessage 的socketClient 方法。 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);
});