2016-03-23 67 views
0

我爲一家E-Com公司工作,該公司使用.NET MVC和一些遺留的Webforms應用程序,並增加了JavaScript。我們目前沒有任何JavaScript的測試報道,因爲其中有很多,我們認爲最好也考慮一下,以涵蓋這一點。QUnit沒有顯示我的測試

我一直在試圖關注JavaScript客戶端單元測試中的一些視頻。其中之一是Pluralsight課程,涵蓋了一些QUnit。

<!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> 

好了,所以這裏是我的tests.html的html文件,我已經得到了qunit.css並在同一目錄qunit.js文件。

這裏是我的tests.js文件,一些非常簡單(根據視頻我以下)

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

我能得到什麼,雖然,當我跑起來tests.html文件(第一個代碼片段)是這樣的:

test.html in browser

我嘗試添加一些是那些獲得具備QUnit拉鍊其他測試,包括一次他們開始顯示出來,但我的測試沒有。我的第一個想法可能是語法不正確,所以我複製了其中一個包含的時候可以工作的例子,儘管如此,這仍然不起作用。

也許我誤解了一些東西,或者錯過了某些東西,任何幫助都將不勝感激。

謝謝。

+3

控制檯中的任何錯誤?另外,嘗試切換'script'標籤的順序。首先包括'qunit'然後'測試'。 –

+1

謝謝mparnisari,不敢相信我錯過了。是的,似乎已經做到了。 – ICTech

回答

2

感謝mparnisari指出了這一點。這是因爲我的腳本的順序。首先需要包含qunit.js腳本,然後是我的tests.js文件。