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>
)
}
})
答案 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)
}
}