1. Xtone ltd.
下っ端
豊田陽一

2. Javascriptで
テスト駆動開発、
出来てますか？

3.  テストツール何使おう…
 イベント駆動のテストどうしよう…

4. そもそも
テスト駆動開発が出来る
スタートラインが
ないよね

5.  Ruby on rails
◦ テストを動かす環境として
◦ Assetsパイプラインを前提
 Backbone.js
◦ Javascript MVCフレームワーク
 Jasmine
◦ Javascriptテストツール
◦ Rails上で動かすgemがある
◦ Rspecみたいな文法

6.  ニコ○コ動画のコメントみたいなもの
を流すためのCanvasライブラリを
作ってみた
◦ https://github.com/rswisteria/
CommentView

8.  テストはブラウザ上で実行
◦ テストページを返すWebサーバを起動
◦ $ bundle exec rake jasmine
◦ 上記コマンド実行後、8888ポートに接続
 screenコマンドとか利用して動かしっぱなし
にしておくといいかと

10.  describe∼itみたいな記述でBDD
◦ Rspecみたいな感じ
 実際のHTMLの描画を伴うテスト
◦ Jasmine-domプラグインを利用
◦ 実際にブラウザ上に描画して実行する

11. あとは
コードを見ながら
説明します

12.  setFixture関数にDOMオブジェクト
渡す
◦ Sandbox関数でHTMLからDOMオブジェ
クトを簡単に作れる

13.  waitsFor∼run関数を使う
 waitsFor
◦ 関数と時間を渡す
◦ 関数がtrueを返す or 時間が経過するまで
待つ
 run
◦ 関数を渡す
◦ テスト用の単一の実行キューに処理を
突っ込む
◦ waitsForとかがここに入れないと反映さ
れない

14. まとめ

15. すぐにテストが
動く環境がないと
TDDのハードルは
高い

16. Backbone.jsと
Jasmineと
Ruby on Railsで
すぐに動く環境を

17. 値のアサーションが
出来なくても
テスト（的な何か）
書くべき