2016-03-24 9 views
0

こんにちは私はJavaScript Unit Testingの新機能です。既存のJavaScriptをテストすることが可能かどうかを確認しようとしています。QUnitテスト:revealは関数ではありません

私はテストランナーを持っていますが、機能に関してこのエラーが発生しています。

マークアップは、ちょっと何かをテストすることがありテストランナー:以下

<!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' 
}); 

これらは私の結果であります休憩:

enter image description here

私はこれを修正する方法がわかりませんか、それが可能なのかどうかはわかりません。どんな助けでも大歓迎です、事前にありがとうございます。

+0

なぜ 'reveal'はjQueryオブジェクトの関数であるべきだと思いますか?あなたの質問はその情報なしでは不完全です。あなたが使用しようとしているプラ​​グインはありますか? http://zurb.com/playground/reveal-modal-pluginを含めることを忘れましたか? –

+0

それはポイントです、そうではありません。私はプラグインへの参照がない。私は特にこの質問が不完全だとは思わない、このプラグインについて知っている誰かが、私がそれを参照せずにそれを呼び出そうとしていることを実感するだろう。あなたはこの情報がないと不完全だと言っていますが、それは私がそれを修正するために必要な情報です。 – ICTech

+0

ファイルへのリンクを忘れることは、質問を閉じたり削除したりする理由の1つです。 http://meta.stackoverflow.com/questions/322738/should-questions-resolved-by-missing-javascript-files-be-closed –

答えて

0

これは、.revealメソッドを扱う別のライブラリへの参照がないためです。

0

jQueryにはreveal()メソッドがありません。あなたはそのコード行で何をしようとしているのか分かりませんが、おそらくのshow()メソッドを探していますか?

QUnitから表示されるエラーは、reveal()関数が存在しないことです(jQueryの一部ではないため)。 reveal()機能を提供するプラグインを使用している場合は、そのJSファイルをテストハーネス(HTMLドキュメント)に含める必要があります。

+0

多分http://zurb.com/playground/reveal-modal-plugin –

+0

これは別のプラグインからのものです。コード行は、その要素をアニメーションで明示しているため、アニメーションのパラメータセットを持つ.revealです。この質問は今1ヶ月以上経ているようですが、おそらく私は自分自身でそれに答えるべきでした。 – ICTech

+0

@ICTechはい、投稿を削除するか、自分で回答するのは丁寧です。そうでなければ、他の人があなたを助けようと時間を無駄にしています。 –

関連する問題