mocha-chrome + chaiでJavascriptの単体テストコードを書く(3) - Null and void
非同期処理のテストコードは以下の通りです。 Javascriptで"非同期"といえば"Ajax"でしょうから、以下のサンプルはlivedoorお天気Webサービス からAjaxでJSONデータをGETしその妥当性を検証するテストコードを実装してみました。 （livedoorお天気WebサービスはJSONP未対応なのでJSON2JSONPサービスを併用） <html><head> <meta charset="UTF-8"> <link href="node_modules/mocha/mocha.css" rel="stylesheet" /> <!-- テスト結果表示用のCSS --> <script src="node_modules/mocha/mocha.js"></script> <!-- mochaの読込み --> <script src="node_modules/chai/
mocha-chrome + chaiでJavascriptの単体テストコードを書く(2) - Null and void
前回のサンプルコードの解説です。 まず、mocha + chaiを使うのでそれをテスト用のHTMLに組込む処理が必要です。具体的には mocha.css及びmocha.jsの組込み chai.jsの組込み が必要で、それらは普通のcss及びjs同様HTMLの<link href="…" rel="stylesheet">及び<script src="…">を使用します。 これらについては特に補足は不要ですね。サンプルではtest.htmlと同じフォルダにnode_modules/がある前提ですので必要に応じてパスの変更ぐらいかと思われます。 また、テスト対象コードは今回サンプルなのでHTML中に埋込みましたが、実務上は外部のJSファイルを読込むことになろうかと思います。 <script>でもrequireでも方法は問いませんのでテスト用のHTMLからグローバル関数としてアクセス可能になるよ
mocha-chrome + chaiでJavascriptの単体テストコードを書く(1) - Null and void
ソフトウェアの品質アップには自動テスト可能(CI対応)な単体テストフレームワークを使うのが近道だと知っていても、 どのフレームワークを使うべきかわからない そのフレームワークでどうやってテストコードを書いたらよいかわからない ということがあると思います。 そこでJavascriptのCI可能な単体テストコードをmocha-chrome + chaiで書く方法を解説します。 以前はこの用途としてmocha + chai + PhantomJSが使われていました。それぞれの役割は、 mocha : 単体テストフレームワーク chai : assertionライブラリ（高度なassert()関数） PhantomJS : ヘッドレスブラウザ（CUIでブラウザの出力結果を得る） です。つまり、 mochaに対応した単体テストコードを assertionとしてchaiを用いて記述し それをPhant
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
