QUnit测试：显示不是功能

Question

您好，我是JavaScript单元测试的新手，我正在尝试查看是否有可能测试一些现有的JavaScript。

我已经完成了测试，但是在功能方面却收到了这个错误。

Test Runner的标记目前仅用于测试：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>QUnit Main Test Suite</title>
    <link rel="stylesheet" href="../qunit.css">     
    <script src="../sinon-1.17.3.js"></script>
    <script src="../jquery-2.2.2.min.js"></script>
    <script src="../qunit.js"></script>
    <script src="PreferenceControl.js"></script>  
    <script src="tests.js"></script>        
</head>
<body>
    <div id='MainContentDiv'>
        <div id='PreferenceType'>PreferenceFrequency</div>
        <div id='PreferenceId'>1</div>
        <table id='RadioButtonList'>
          <tbody>
            <tr>
                <td> 
                    <span id='1'>
                        <input id='RadioButtonList_0' type='radio' name='RadioButtonList' value='1'>
                    </span>
                </td>
            </tr>
            <tr>
                <td> 
                    <span id='2'>
                        <input id='RadioButtonList_1' type='radio' name='RadioButtonList' value='2' checked='checked'>
                    </span>
                </td>
            </tr>
            <tr>
                <td> 
                    <span id='3'>
                        <input id='RadioButtonList_2' type='radio' name='RadioButtonList' value='3'>
                    </span>
                </td>
            </tr>
            <tr>
                <td> 
                    <span id='4'>
                        <input id='RadioButtonList_3' type='radio' name='RadioButtonList' value='4'>
                    </span>
                </td>
            </tr>
          </tbody>
        </table>
        <input type="submit" name="SaveButton" id="SaveButton" />
      </div>
      <div id="CheckBoxList"></div>
    <div id="qunit"></div>
    <div id="qunit-fixture">test markup</div>
</body>

下面是它要中断的部分：

this.loaderContainer = $('#AjaxLoader', this.mainContentDiv);

if (this.loaderContainer.length == 0) {
    this.loaderContainer = $("<div id=\"AjaxLoader\" class=\"full-width columns alpha omega\">" +
                                "<span class=\"loader\"><img src=\"/Common/CSS/Core/Images/Throbbers/Ajax-Loader.gif\" style=\"display: none\" ></span>" +
                            "</div>");

    this.loaderContainer.appendTo(this.mainContentDiv);
}

this.loaderContainer.reveal({
    animation: 'throbber'
});

这些是我休息的结果：

我不确定如何纠正此问题，或者我是否有可能做到这一点？ 任何帮助将不胜感激，在此先感谢您。

Answer 1

jQuery没有reveal()方法。 我不确定在该行代码上要做什么，但是也许您正在寻找带有指定easing选项的show()方法？

您从QUnit中看到的错误是Reveal reveal()函数不存在（因为它不是jQuery的一部分）。 如果使用的插件可以为您提供reveal()函数，则需要在测试工具（HTML文档）中包含该JS文件。

Answer 2

这是由于缺少对另一个处理.reveal方法的库的引用。

QUnit测试：显示不是功能

问题描述

2 个解决方案

解决方案1
0 2016-05-12 18:01:52

解决方案2
0 已采纳 2016-05-13 12:15:04

QUnit测试：显示不是功能

问题描述

2 个解决方案

解决方案1 0 2016-05-12 18:01:52

解决方案2 0 已采纳 2016-05-13 12:15:04

解决方案1
0 2016-05-12 18:01:52

解决方案2
0 已采纳 2016-05-13 12:15:04