如何使用不同的输入测试功能

时间:2016-08-23 23:36:44

标签: javascript function unit-testing testing reactjs

function addTwo (a, b) {
  return a + b;
}

//Leave the function call
addTwo(50, 100);

我正在学习React,我试图创建一个代码学类型的网站作为一个“学习项目”,但遇到了JS问题。

假设你有上述功能,你如何测试多个案例?到目前为止,我正在测试:

eval(CODE PULLED IN HERE) === 150 ? alert('Correct!') : alert('Wrong!'); 

显然会提醒Correct,这种情况可以。但是对于其他问题(甚至是这个问题),我想要不止一个测试用例以及我遇到的问题。

那么,我如何测试多个测试用例,或者只是采用其他方式来实现我想要实现的目标?

非常感谢任何帮助/提示,​​

对于那些知道React的人来说,有些代码可以看到我目前的一些内容:

const CodeEditor = React.createClass({
  getInitialState () {
    var initialValue = [
      "function addTwo () {",
      "  ",
      "}",
      "//Leave the function call",
      "addTwo(50, 100);"
  ].join("\n");

    return {
      kataValue: initialValue
    }
  },
  onChange (newValue) {
    this.setState({kataValue: newValue});
  },
  evalCode () {
    var val = this.state.kataValue
    eval(val) === 150 ? alert('Correct!') : alert('Wrong!');
  },
  render () {
    return (
      <div className="code-editor-wrapper">
        <AceEditor
          name="editor"
          mode="sh"
          theme="chaos"
          onChange={this.onChange}
          value={this.state.kataValue}
          editorProps={{$blockScrolling: true}}
        />
      <button onClick={this.evalCode} className="spec-btn submit-code-btn">Evaluate</button>
      </div>
    )
  }
})

2 个答案:

答案 0 :(得分:1)

请勿在用户代码中加入函数调用。只需要以某种方式命名函数。而不是直接评估用户的代码,嵌入到返回用户功能的函数中:

function getUserFunction(code, functionName) {
  var userCode = new Function(code + '; return ' + functionName + ';');
  return userCode();
}

调用getUserFunction后,您可以引用用户编写的函数,您可以根据需要随时执行。您如何构建测试用例以及您希望为用户提供多少反馈取决于您。

这是一个小例子:

var userFn = getUserFunction(this.state.kataValue, 'addTwo');
var testCases = [
  [[50, 100], 150],
  [[1, 2], 3],
];
var passes = testCases.every(
  ([input, output]) => userFn(...input) === output
);
if (passes) {
  // all test cases pass
}

答案 1 :(得分:0)

你可以像这样迭代一堆输入:

function addTwo(a, b) {
  return a + b
}
for (var i = 0, j; i < 100; i++) {
  for (j = 0; j < 100; j++) {
    if (addTwo(i, j) !== i + j) console.error('Wrong output for inputs ' + i + ' and ' + j)
  }
}