投稿日: 投稿者: iwbjp

1分でわかるJavaScript開発テストツールQUnitの使い方

qunit_top

まずQUnitのCSSとJavaScriptを読み込みます

CSSはhead内、JavaScriptはbody内に記述。

body内に記述したJavaScriptの直前に<div id="qunit"></div>を記述

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.11.0.css">
</head>
<body>
<div id="qunit"></div>
<script src="http://code.jquery.com/qunit/qunit-1.11.0.js"></script>
</body>
</html>

テストにはokメソッドやequalメソッドを以下のように使用する。
okメソッドはtrueなら青、falseなら赤に、
equalメソッドは第1引数と第2引数が等しければ青、そうでなければ赤になる。
結果はjsFiddleのResult参照

関連する記事