如何使用 Sinon.js 模拟传递给函数的对象？

Question

我在输入字段上有一个函数，可以将百分号添加到用户输入的值中。该函数如下所示：

addPercentSign: function (oEvent, control) {
  var inputVal = oEvent.getParameters().value;
  var inputNumber = parseFloat(inputVal);

  if (inputNumber) {
    if (inputNumber < 50 || inputNumber > 100) {
      return null;
    } else {
      var finalVal = inputNumber.toFixed(1);
      var finalOutput = finalVal + "%";

      control.learningCurve.setValue(finalOutput);
    };
  }
}

由于此函数依赖于一个 Event 对象，我如何 'mock' 参数（使用 Sinon.js）为该函数创建单元测试？

由于 oEvent 对象是我们检索用户输入的方式，我不确定编写此特定测试的策略是什么？可能存根？

Answer 1

您可以通过以下方式实现您的目标：

test('adds a percent sign to user input above 50', () => {

  // Create a stubbed input event so we can control the input value
  var inputEvent = {
    getParameters: sinon.stub().returns({ value: '51' })
  }

  // Create a spy so we can observe any calls to `setValue` 
  // and assert the output value is correct
  var setValue = sinon.spy();
  var control = {
    learningCurve: { setValue: setValue }
  }

  // Execute unit-under-test
  addPercentSign(inputEvent, control)

  // Assert `setValue` called with our expected output value.
  assert(setValue.calledWith('51.0%'))

});

如何使用 Sinon.js 模拟传递给函数的对象？

How can I mock an object passed into a function using Sinon.js?

javascript

unit-testing

mocking

sinon