javascript - 如何解决运行测试时找不到函数的代码覆盖问题?
问题描述
在运行我的测试时,它们都通过了。运行代码覆盖率 4 时由于“未定义”功能而失败。它们被定义(当它们通过时测试清楚地表明)。我无法获得在这些测试中测试了 4 个函数的文件的代码覆盖率,这不好,因为我需要知道这些函数是否经过全面测试。
我在 PHPStorm。这些测试的 jsTestDriver 有一个我制作的文件,Sinon v7.3.2、jQuery v1.11.1 和 D3.js v5.9.7 作为依赖项。
load:
- buttonActions.js
- tests/dependencies/jquery.js
- tests/dependencies/sinon732.js
- tests/dependencies/d3.js
test:
- tests/Functional/javascriptTests/actionsTestButtonActionsFunctions.test.js
timeout: 30
buttonActions.js 的部分代码:
function _hideOrShow(table){
var classNames = table[0]["attributes"][0]['nodeValue'];
var secondClass = classNames.replace("sortable table-striped table-responsive ",'');
if (secondClass === "veryHidden" ) {
table.removeClass("veryHidden").addClass("veryShown");
} else {
table.removeClass("veryShown").addClass("veryHidden");
}
}
我的测试中的部分代码:
ActionsTestButton = TestCase("ActionsTestButtonActions");
ActionsTestButton.prototype.setUp = function() {
//stuff done here. Not important
}
ActionsTestButton.prototype.testHideOrShow = function () {
var table = {
class: "sortable table-striped table-responsive veryHidden",
0: {
attributes: {
0: {
nodeValue: "sortable table-striped table-responsive veryHidden"
}
}
},
removeClass: function (name){
table.class = table.class.replace(name, '');
table[0]["attributes"][0]['nodeValue'] = table.class;
return {
addClass: function (name){
table.class = table.class+name;
table[0]["attributes"][0]['nodeValue'] = table.class;
}
}
}
};
assertEquals("sortable table-striped table-responsive veryHidden", table.class);
assertEquals("sortable table-striped table-responsive veryHidden", table[0]["attributes"][0]['nodeValue']);
_hideOrShow(table);
assertEquals("sortable table-striped table-responsive veryShown", table.class);
assertEquals("sortable table-striped table-responsive veryShown", table[0]["attributes"][0]['nodeValue']);
_hideOrShow(table);
assertEquals("sortable table-striped table-responsive veryHidden", table.class);
assertEquals("sortable table-striped table-responsive veryHidden", table[0]["attributes"][0]['nodeValue']);
};
ActionsTestButton.prototype.tearDown = function() {
document.getElementById.restore();
window.$.restore();
window.d3.select.restore();
};
错误消息我得到运行代码覆盖率:
line 178:4 mismatched input 'const' expecting RBRACE
line 1022:12 no viable alternative at input 'throws'
line 1236:13 mismatched input 'throws' expecting Identifier
line 1236:31 extraneous input 'throws' expecting LPAREN
line 3998:12 no viable alternative at input 'function'
line 5123:14 missing Identifier at 'in'
line 5123:17 no viable alternative at input '='
line 5413:8 no viable alternative at input '}'
line 5415:30 no viable alternative at input ']'
ReferenceError: _removeIcons is not defined
at b.ActionsTestButton.testPrivateRemoveIcons (http://127.0.0.1:9876/test/tests/Functional/javascriptTests/actionsTestButtonActionsFunctions.test.js:179:5)
at TestResultIterator.runTest (http://127.0.0.1:9876/test/com/google/jstestdriver/coverage/javascript/LCOV.js:201:28)
at TestResultIterator.runNext (http://127.0.0.1:9876/test/com/google/jstestdriver/coverage/javascript/LCOV.js:292:10)
at InstrumentedTestCaseRunner.run (http://127.0.0.1:9876/test/com/google/jstestdriver/coverage/javascript/LCOV.js:250:27)
at InstrumentedTestCaseRunnerPlugin.runTestConfiguration (http://127.0.0.1:9876/test/com/google/jstestdriver/coverage/javascript/LCOV.js:221:20)
ReferenceError: _reAddIcon is not defined
at b.ActionsTestButton.testPrivateReAddIcons (http://127.0.0.1:9876/test/tests/Functional/javascriptTests/actionsTestButtonActionsFunctions.test.js:196:5)
at TestResultIterator.runTest (http://127.0.0.1:9876/test/com/google/jstestdriver/coverage/javascript/LCOV.js:201:28)
at TestResultIterator.runNext (http://127.0.0.1:9876/test/com/google/jstestdriver/coverage/javascript/LCOV.js:292:10)
at InstrumentedTestCaseRunner.run (http://127.0.0.1:9876/test/com/google/jstestdriver/coverage/javascript/LCOV.js:250:27)
ReferenceError: _removeIcons is not defined
at b.ActionsTestButton.testRemoveThenAddRevertsBackToBlock (http://127.0.0.1:9876/test/tests/Functional/javascriptTests/actionsTestButtonActionsFunctions.test.js:214:5)
at TestResultIterator.runTest (http://127.0.0.1:9876/test/com/google/jstestdriver/coverage/javascript/LCOV.js:201:28)
at TestResultIterator.runNext (http://127.0.0.1:9876/test/com/google/jstestdriver/coverage/javascript/LCOV.js:292:10)
at InstrumentedTestCaseRunner.run (http://127.0.0.1:9876/test/com/google/jstestdriver/coverage/javascript/LCOV.js:250:27)
ReferenceError: _hideOrShow is not defined
at b.ActionsTestButton.testHideOrShow (http://127.0.0.1:9876/test/tests/Functional/javascriptTests/actionsTestButtonActionsFunctions.test.js:251:5)
at TestResultIterator.runTest (http://127.0.0.1:9876/test/com/google/jstestdriver/coverage/javascript/LCOV.js:201:28)
at TestResultIterator.runNext (http://127.0.0.1:9876/test/com/google/jstestdriver/coverage/javascript/LCOV.js:292:10)
at InstrumentedTestCaseRunner.run (http://127.0.0.1:9876/test/com/google/jstestdriver/coverage/javascript/LCOV.js:250:27)
Process finished with exit code 0
我只想获得此文件的代码覆盖率。它适用于我的所有其他文件测试。只是没有这个。
解决方案
JSTestDriver 中的代码覆盖率不喜欢let
和const
. 它不会对包含它的任何文件运行代码覆盖,也不会允许包含它的文件中的函数。
对于我的特殊情况,我有一个使用const
. 使用它的函数在我正在测试的函数中没有被调用,因此根本没有被测试过。这意味着测试通过了。但是,在同一个文件中足以使代码覆盖率中断。
我的解决方案?let
将和都更改const
为var
。从语义上讲,这可能不是最好的主意,但就我而言,它对我的代码或行为没有明显的影响。
推荐阅读
- zapier - 样本数据引起的额外触发输出
- python - Python - 如何根据字典对数组中的值进行排序和替换
- c# - 如何读取一个字符串直到逗号,然后保存该位并显示它?
- laravel - GraphQL ID 类型更正 - 如何使用 String?
- python - 如何通过 Python 使用谷歌翻译翻译口语成绩单
- javascript - 如何专门为字符串着色文本?
- javascript - Javascript Promise 链接无法按预期工作
- sap - 如何通过 ABSL 或 Webservice 在供应商帐户中创建新的费用/信用?
- php - 在命名空间 XML 中循环
- c++ - 对于 C++ 中的乘法和除法,使用“./”或“.*”与“/”或“*”的原因是什么?