QUnit不打印任何結果

我有插入到MVC項目中的QUnit頁面上顯示的測試運行器頁面的最基本示例。QUnit不打印任何結果

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>QUnit basic example</title> 
    <link rel="stylesheet" href="../Content/qunit-1.11.0.css"> 
</head> 
<body> 
    <div id="Div1"></div> 
    <div id="Div2"></div> 
    <script src="../Scripts/qunit-1.11.0.js"></script> 
    <script> 
     test("a basic test example", function() { 
      var value = "hello"; 
      equal(value, "hello", "We expect value to be hello"); 
     }); 
    </script> 
</body> 
</html>

當我運行這個，我只看到一個空白頁。測試在斷點停止時執行。 .css和.js的鏈接正確並且正常。

來源

2013-02-21 SeeNoWeevil

我有同樣的問題與MVC和從qunit網站獲取源文件，而不是依靠的NuGet固定它。在我做完這些之後，這一切都很完美。

來源

2013-03-13 03:52:48 macou

謝謝，我遇到了這個問題，你的建議爲我解決了這個問題太。謝謝你爲我節省了很多時間:) – 2013-06-26 16:06:02

兩個div必須具有以下ID，因爲QUnit正在尋找這些來顯示任何內容。

<div id="qunit"></div> 
<div id="qunit-fixture"></div>

來源

2013-02-21 23:57:55 Odi

我也試圖在他們的網頁上找到其他簡單的例子，它具有準確，對於不幸的是，同樣的結果。 – SeeNoWeevil 2013-02-22 12:21:09

@thecapsaicinkid你在控制檯上有任何錯誤嗎？ – Odi 2013-02-22 12:45:38

不，一點都沒有。 – SeeNoWeevil 2013-02-22 13:52:39

對於ASP.Net MVC QUnit需要有點不同。而非正常qunit和qunit夾具的div，使用這樣的：

<div> 
    <h1 id="qunit-header">QUnit Test Results</h1> 
    <ol id="qunit-tests"></ol> 
</div>

對於一個完整的示例，請參閱Unit Testing JavaScript/JQuery in ASP.Net MVC Project using QUnit Step by Step

來源

2014-04-17 19:54:52 sfuqua

謝謝，這解決了它對我來說。我更喜歡這個解決方案，因爲它允許我在沒有互聯網連接的情況下進行測試。 – taykay08 2014-11-11 16:27:51

這應該是答案，因爲這個問題涉及到ASP.Net MVC的QUnit！ – 2016-01-28 12:00:31

QUnit不打印任何結果

回答

相關問題