2016-03-23 9 views
0

私は、JavaScriptで強化されたいくつかの従来のWebformsアプリケーションで.NET MVCを使用するE-Com社で働いています。現在のところ、JavaScriptはテスト対象にはなっていません。かなり多くのJavaScriptが含まれているため、それをカバーするために何かを調べることをお勧めします。私のテストを表示していないQUnit

私は、JavaScriptのクライアントサイドユニットテストに関するいくつかのビデオに従おうとしています。そのうちの1つは、QUnitをカバーするPluralsightコースでした。

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8"> 
    <title>QUnit Main Test Suite</title> 
    <link rel="stylesheet" href="qunit.css"> 
    <script src="tests.js"></script> 
    <script src="qunit.js"></script> 
</head> 
<body> 
    <div id="qunit"></div> 
    <div id="qunit-fixture">test markup</div> 
</body> 
</html> 

は、[OK]をので、ここで私はqunit.cssを持って、同じディレクトリ内のファイルをqunit.jsてきた、私のtests.htmlのhtmlファイルです。私はtests.htmlファイル(最初のコードスニペットを)まで実行したとき、私は、しかし何を得るここで

(私は、次のされた映像ごとなど)信じられないほど単純なもの、私のtests.jsファイルである

test('my first test', function(assert) { 
    var value = "hello"; 
    assert.equal(value, "hello", "We expect value to be hello"); 
}); 

これは次のとおりです。

test.html in browser

私はかつて、彼らがアップ表示を開始、私のテストはしません含まれ、QUnitのzipを提供します他のテストの一部に追加しようとしました。私の最初の考えはおそらく構文が間違っていたので、私は組み込み時に動作する例の1つを複製しましたが、これはまだ私のためには機能しませんでした。

おそらく私は何か誤解しているか、ここで何かを逃してしまったでしょう。

ありがとうございます。

+3

コンソールにエラーがありますか?また、 'script'タグの順序を入れ替えてみてください。まず 'qunit'と' tests'を含めます。 –

+1

ありがとうmparnisari、私はそれを逃したと信じることはできません。はい、そのトリックを行ったようです。 – ICTech

答えて

2

これを指摘してくれたmparnisariに感謝します。これは私のスクリプトの注文のためです。 qunit.jsスクリプトを最初に、次にtests.jsファイルをインクルードする必要がありました。