QUnitをjsFiddleで使う : JavaScript

Tweet

Pocket

QUnitをjsFiddle利用する方法。

方法1

左側のManage Resourcesに下記の2つのファイルを追加する^[1]。

• http://code.jquery.com/qunit/git/qunit.css
• http://code.jquery.com/qunit/git/qunit.js

XHTMLパネルにテスト結果表示用マークアップをする。

<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>

方法2

左側のChoose FrameworkでjQuery edgeを選択しQUnitにチェックする。左側のManage Resourcesに下記のファイルを追加する

• http://code.jquery.com/qunit/git/qunit.css

XHTMLパネルにテスト結果表示用マークアップをする。

<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>

QUnitをjsFiddleで使う例

[1]QUnitはjQueryに依存していないのでJQueryは読み込まなくて良い。