QUnitをjsFiddleで使う : JavaScript

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は読み込まなくて良い。

コメント

No comments yet.

コメントの投稿

改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。

 


人気記事 はてなブックマーク

この日記のはてなブックマーク数