最新版 |
編集中の文章 |
1行目: |
1行目: |
| '''QUnit'''とは、[[jQuery]]の中の人が作っている[[JavaScrip]]tの[[単体テスト]]([[ユニットテスト]])を行うためのテスティングフレームワークである。 | | '''QUnit'''とは、[[jQuery]]の中の人が作っている[[JavaScrip]]tの[[単体テスト]]([[ユニットテスト]])を行うためのテスティングフレームワークである。 |
| | | |
− | [[ASP.NET MVC]]で簡単に使える「QUnit for ASP.NET MVC」という[[NuGet]]パッケージも用意されている。 | + | [[ASP.NET MVC]]で簡単に使えるQUnit for ASP.NET MVCという[[NuGet]]パッケージも用意されている。 |
| | | |
− | == 使い方 ==
| |
− | === テストを作る ===
| |
− | <source lang="javascript">
| |
− | test("a basic test example", function() {
| |
− | ok( true, "this test is fine" );
| |
− | var value = "hello";
| |
− | equal( value, "hello", "We expect value to be hello" );
| |
− | });
| |
− | </source>
| |
− | test関数にok関数やequal関数による評価を含めたテスト関数を放り込んで使う。
| |
− |
| |
− | === テスト実行用のHTMLページを作る ===
| |
− | <source lang="html5">
| |
− | <!DOCTYPE html>
| |
− | <html>
| |
− | <head>
| |
− | <title>QUnit: JavaScript Unit Testing</title>
| |
− | <!-- ↓のパスは適宜書き換えること -->
| |
− | <script src="http://code.jquery.com/jquery-latest.js"></script>
| |
− | <link rel="stylesheet" href="http://code.jquery.com/qunit/git/qunit.css" type="text/css" media="screen" />
| |
− | <script type="text/javascript" src="http://code.jquery.com/qunit/git/qunit.js"></script>
| |
− | </head>
| |
− | <body>
| |
− | <h1 id="qunit-header">QUnit example</h1>
| |
− | <h2 id="qunit-banner"></h2>
| |
− | <div id="qunit-testrunner-toolbar"></div>
| |
− | <h2 id="qunit-userAgent"></h2>
| |
− | <ol id="qunit-tests"></ol>
| |
− | <div id="qunit-fixture">test markup, will be hidden</div>
| |
− |
| |
− | <!-- テスト対象 -->
| |
− | <script src="MyScript.js" type="text/javascript"></script>
| |
− |
| |
− | <!-- テスト -->
| |
− | <script src="MyScript.tests.js" type="text/javascript"></script>
| |
− |
| |
− | </body>
| |
− | </html>
| |
− | </source>
| |
− |
| |
− | === テスト実行 ===
| |
− | 上で作ったテストページにブラウザで普通にアクセスするだけ。
| |
− | Visual Studio 2010を使っている場合は、ソリューションエクスプローラーでテストページを右クリックして「ブラウザーで表示」を選ぶ。
| |
| | | |
| == 関連項目 == | | == 関連項目 == |
| * [[ASP.NET MVC]] | | * [[ASP.NET MVC]] |
| * [[jQuery]] | | * [[jQuery]] |
− | * [[NUnit]]
| |
| | | |
| == 外部リンク == | | == 外部リンク == |
− | * http://docs.jquery.com/QUnit
| + | http://docs.jquery.com/QUnit |
| | | |
| {{stub}} | | {{stub}} |