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