「QUnit」の版間の差分
imported>Administrator 編集の要約なし |
imported>Administrator |
||
| (同じ利用者による、間の2版が非表示) | |||
| 4行目: | 4行目: | ||
== 使い方 == | == 使い方 == | ||
=== | === テストを作る === | ||
<source lang="javascript"> | <source lang="javascript"> | ||
test("a basic test example", function() { | test("a basic test example", function() { | ||
| 12行目: | 12行目: | ||
}); | }); | ||
</source> | </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]] | |||
== 外部リンク == | == 外部リンク == | ||