Question

以下代码适用于JQuery 1.4.4。它打印的结果是：

测试在152毫秒内完成。 1次测试1次，0次失败。

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://code.jquery.com/qunit/git/qunit.js"></script>

<script type="text/javascript">
    $(function () {
        test("verify results", function () {
            ok(true, "all pass");
        });
    });
</script>

如果更改为使用JQuery 1.5.2，

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.2.min.js" type="text/javascript"></script>

它打印的结果是：

测试在2426毫秒内完成。 33次测试通过，1次失败。

这是JQuery 1.5.2中的错误吗？

完整的来源是：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <div id="page">
        <div id="main">
            <div id="content">
                <h2>Test Results</h2>
                <div id="qunit-testrunner-toolbar"></div>
                <ol id="qunit-tests"></ol>
                <div id="qunit-fixture"></div>
            </div>

            <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.2.min.js" type="text/javascript"></script>
            <script type="text/javascript" src="http://code.jquery.com/qunit/git/qunit.js"></script>
            <script type="text/javascript">
            $(function () {
                test("verify result after post", function () {
                    ok(true, "all pass");
                });
            });
            </script>

            <div id="footer"></div>
        </div>
    </div>
</body>
</html>

Answer 1

有两个问题：

qunit.js脚本假定存在id="qunit"属性/值对
缺少qunit.css引用

供将来参考，请使用官方样板作为起点：

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>QUnit Example</title>
  <link rel="stylesheet" href="qunit.css">
 </head>
 <body>
  <div id="qunit"></div>
  <div id="qunit-fixture"></div>
  <script src="qunit.js"></script>
  <script src="tests.js"></script>
 </body>
</html>

Qunit和JQuery 1.5.2

1 个答案: