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对象，我如何“模拟”参数（使用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模拟传递给函数的对象？

1 个答案: