4

QUnitページに表示されているテストランナーページの最も基本的な例をMVCプロジェクトに挿入しました。

<!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へのリンクは正しく、機能しています。

4

3 に答える 3

9

私はMVCで同じ問題を抱えていて、nugetに依存するのではなく、qunitWebサイトからソースファイルを取得することで修正しました。私がこれをした後、それはすべて完璧に機能しました。

于 2013-03-13T03:52:48.573 に答える
3

QUnitは何かを表示するためにこれらを探しているため、2つのdivには次のIDが必要です。

 <div id="qunit"></div>
 <div id="qunit-fixture"></div>
于 2013-02-21T23:57:55.237 に答える
2

QUnit for ASP.Net MVCには、少し異なるものが必要です。通常のqunitおよびqunit-fixturedivの代わりに、次のようなものを使用します。

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

完全な例については、QUnitを使用したASP.NetMVCプロジェクトでのJavaScript/JQueryの単体テストを参照してください。

于 2014-04-17T19:54:52.770 に答える