Qunit и JQuery 1.5.2 - PullRequest
Новая
       4

Qunit и JQuery 1.5.2

1 голос
/ 19 апреля 2011

Следующий код работает с 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 испытания из 34 пройдены, 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>

1 Ответ

0 голосов
/ 30 апреля 2014

Есть две проблемы:

  • Сценарий 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>
...