Recommended
More Related Content
What's hot
Similar to Java script testing framework for around html5 studies-
Similar to Java script testing framework for around html5 studies- (20)
Java script testing framework for around html5 studies-
- 4. 宣伝
- 18. 単独のフレームワーク
- 20. QUnit ■コード（例 module("sync"); test("syncFuncTest", 1, function(){ equal("hello, world!", syncFunc(), "return to expected data"); }); module("async"); test("asyncFuncTest", function(){ expect(2); stop(); asyncFunc(function(message){ start(); ok(true, "call to callback function"); equal("hello, world!", message, "return to expected data"); }); }); ←非同期のテストの場合 ←start関数が呼ばれるまでランナーを停止 ←ランナーを再開
- 21. QUnit ■外部ツール連携 Callbackを利用する Callback 例） ・Qunit.begin(); ・Qunit.done(); ・Qunit.log(); ・・・ 使い方はaddons下の各実装 を参照のこと phantomjsなど ■Plugin 公式サイトに載っている例 ・Canvas ・JUnit Logger ・Qunit for Rails ・JsTestDriver ・・・ t-wadaさん作 QUnit-TAPとかも 有名
- 23. 割愛！！
- 25. Mocha ■デフォルトはBDDスタイル describe('calc', function() { describe('add some num', function(){ it('1+2', function(){ ... }); }); }); ■実行時指定でTDDスタイルにもできる（mocha --ui tdd 〜） suite('calc', function(){ suite('add some num', function(){ test('1+2', function(){ assert.equal(・・・); }); }); });
- 26. Mocha ■非同期 describe('async test', function(){ it('count exec', function(done){ myobj.tenTdsCount(function(count){ assert.equal(10000,count); done();←doneが呼ばれるまで止まる }); }); it(・・・) }); hook系のメソッド（before,after,beforeEach, afterEach）と組み合わせると、より細かい実行 制御もできる ■レポート形式 リポート形式はとても豊富で実行時に指定可 ・Dot Matrix ・Spec ・TAP ・Landing Strip ・List ・Progress ・nyan
- 27. 合わせて使う
- 32. 番外：Capybara-webkit+Cucumber ■feature,stepの例 feature #language:ja 機能： ユーザー名を入力して APIから利用の可否を取得し表示する シナリオ: ユーザー名を入力して確認を押下し NGであることを確認 前提： "http://localhost:8080/"を表示 もし "ユーザ名を入力" かつ 確認ボタンを押下 ならば メッセージ"利用できません"が表示される step 前提 /"(.+)"を表示/ do |url| visit(url) end もし /"(.+)"を入力/ do |name| fill_in('user', :with => name) end ・・・ ※詳しくは@IT連載を（ｒｙ
- 34. どうやって選びましょう？
- 37. ご清聴 ありがとうございました