2013-02-21 52 views
4

我有插入到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的链接正确并且正常。

回答

9

我有同样的问题与MVC和从qunit网站获取源文件,而不是依靠的NuGet固定它。在我做完这些之后,这一切都很完美。

+0

谢谢,我遇到了这个问题,你的建议为我解决了这个问题太。谢谢你为我节省了很多时间:) – 2013-06-26 16:06:02

3

两个div必须具有以下ID,因为QUnit正在寻找这些来显示任何内容。

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

我也试图在他们的网页上找到其他简单的例子,它具有准确,对于不幸的是,同样的结果。 – SeeNoWeevil 2013-02-22 12:21:09

+0

@thecapsaicinkid你在控制台上有任何错误吗? – Odi 2013-02-22 12:45:38

+0

不,一点都没有。 – SeeNoWeevil 2013-02-22 13:52:39

2

对于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

+0

谢谢,这解决了它对我来说。我更喜欢这个解决方案,因为它允许我在没有互联网连接的情况下进行测试。 – taykay08 2014-11-11 16:27:51

+0

这应该是答案,因为这个问题涉及到ASP.Net MVC的QUnit! – 2016-01-28 12:00:31