![単体テストのすすめ
A recommendation of
unit testing
KOMATSU Seiji (comutt)
atWare, Inc.
September 14, 2012
skomatsu [at] atware.co.jp
facebook.com/comutt
@comutt](https://image.slidesharecdn.com/recommend-unittest-120914152541-phpapp02/85/4-1-320.jpg)
第4回勉強会 単体テストのすすめ
- 1. 単体テストのすすめ A recommendation of unit testing KOMATSU Seiji (comutt) atWare, Inc. September 14, 2012 skomatsu [at] atware.co.jp facebook.com/comutt @comutt
- 2. About 名前: 小松 聖司 職業: システムエンジニア 職歴: 株式会社アットウェアにて、 Web アプリ開発に携わること4年目 言語: 日本語, 英語, Java, Python, etc
- 5. Timetable 19:00 - 19:30 単体テストについて説明 19:30 - 20:00 単体テストを実際に書いてみよう 20:00 - 20:15 自動テスト（CI）について説明 20:15 - 20:30 自動テスト（CI）の実演 20:30 - 20:40 まとめ 20:40 - 21:00 質疑応答、撤収
- 6. Target 対象 Lv.0 単体テストを知らない方 Lv.1 単体テストの書き方を知らない方 Lv.2 単体テストの書き方は知ってるけど、 書くメリットがわからない方 非対象 Lv.3 単体テストを書くメリットは 理解してるけど、面倒な方 Lv.4 ばりばり単体テストを書いてる方
- 7. What is Unit Test?
- 9. Principle モジュールの数だけ、 テストコードを書きます Pair Module1 Test for Module1 Pair Module2 Test for Module2 Pair Module3 Test for Module3 Application Test for Application
- 10. Principle パターンの数だけ、 テストコードを書きます Test for Input1 Pair Function Test for Input2 Test for Input3 Test for Function
- 11. Example 1 コード int sum(int n, int m) { return n + m; } テストパターン 1 + 1 = 2 // 正常系1 -1 + -1 = -2 // 正常系2
- 12. Example 2 コード // n を m で割った値を返す int divide(int n, int m) { // 0除算防止 if (m == 0) return 2147483647; return n / m; } テストパターン 9/ 2 = 4 // 正常系1 -5 / 3 = -1 // 正常系2 1 / 0 = 2147483647 // 異常系
- 22. More できる限り、関数・メソッド単位で テストコードを追加していきましょう つきつめると、 TDD (Test Driven Development)、 ないしはそれに近い形になります
- 23. Cycle 実装（修正）する →テストコード書く →テストを実行する →実装（修正）する Write Write Impl Test Run Test
- 26. 1 Minute Break
- 27. How to write Unit Test?
- 28. Unit Testing Library 単体テストのライブラリが存在するので、 言語・開発環境に合わせて選択します。 （標準で用意されている言語・開発環境もあります） 一例 C: CUnit, CCUnit C++: CppUnit .NET Framework: Visual Studio 標準, NUnit Java: JUnit, TestNG iOS: Xcode 標準 Android: Android SDK 標準 (JUnit) PHP: PHPUnit JavaScript: Jasmine, QUnit
- 30. Try with JavaScript 本日は JavaScript で 単体テストを書いてみます JavaScript を選んだ理由 とりあえずブラウザがあれば動くためです 「単体テストってどういうもの？」 を理解するためには、言語は関係ないです
- 31. Jasmine JavaScript の単体テストに使うライブラリは 「Jasmine」です 以前に函館で Android ICS の講演をして くださったわかめさん (@vvakame) に おすすめされたので使ってみることにしました 「Jasmineのここが優れているよ！」 という趣旨ではありません
- 32. Jasmine Jasmine を導入するためには、 公式サイトから Standalone Release 版を取得 ruby gems で gem install jasmine github リポジトリから clone のいずれかの方法でライブラリを取得します 今回使用するのは、 Standalone Release 版です
- 34. Jasmine jasmine-1.2.0/ ├── SpecRunner.html テスト実行用HTML ├── lib/ │ └── jasmine-1.2.0/ Jasmine ライブラリ │ ├── MIT.LICENSE │ ├── jasmine-html.js │ ├── jasmine.css │ └── jasmine.js ├── spec/ │ ├── PlayerSpec.js テストコード配置先 │ └── SpecHelper.js └── src/ ソースコード配置先 ├── Player.js └── Song.js
- 36. Jasmine Spec Jasmine のテストコードを記述したソース ファイルは、決まりではありませんが、 <テスト対象js名> + Spec.js とすることにします。 Jasmine に限らず、ほかの言語でも、 このような規則で、テストコードファイルの名 前を付けるのが一般的です。
- 37. Jasmine Spec Jasmine のテストコードは、 おおざっぱに言って以下のように記述します。 describe( テスト説明1 , function() { // テスト対象クラスのインスタンス var target; beforeEach(function() { // インスタンス生成 target = new TestTarget(); }); // テスト実行 describe(“テスト説明1.1”, function() { it(“テスト説明1.1.1”, function() { expect(target.doSome()).toEqual(“期待値”); }); }); });
- 38. Jasmine Spec describe( テスト説明 , function(){...}); 第一引数は、「これが何のテストか」 という説明文字列です。 describeがネストされると、テスト結果も ネストされて表示されます。 クラス名やメソッド名など、 適切な説明文字列を指定します。
- 39. Jasmine Spec it( テスト説明 , function(){...}); 第一引数は、describeと同じです こっちは、「どのパターンのテストか」 という説明文字列にするのがおすすめです。
- 40. Jasmine Spec expect(target.doSome()).toEqual( 期待値 ); 実際にテストを実行する文です。 上記の場合は、doSome() が 期待値 を正 しく返すかどうか、のテストです。 toEqual以外にも、trueかどうかを検査する toBeTruthyなどがあります。
- 42. Try Jasmine SpecRunner.html と同じところに、 GreetingSpecRunner.html があります。 これをブラウザで開くと、 テストが失敗します。 これを成功するように、実装およびテストコー ドの作成を行ってください。 なお、 Greeting.html が、テスト対象のソー スコードを使ったサンプルアプリです。
- 43. Try Jasmine src/Greeting.js がソースコード、 spec/GreetingSpec.js がテストコードです。 src/Greeting.js は、肝心要の部分が全て未実 装です。 src/Greeting.js は、テストケースが1つ書か れています。 このテストケースが成功したら、 テストケースを最低2つ追加してください。
- 44. Specification 仕様 ver.1 は以下の通りです。 午前の時間は「おはよう」を表示する 午後の時間は「こんにちは」を表示する 夕方の時間は「こんばんは」を表示する 未定義の時間の場合は、「エラー」を表示する getGreeting の第1引数には、以下が渡される 午前: morning 午後: afternoon 夕方: evening 第1引数に未定義の時間が渡されたときは、 undefined を返却する 仕様 ver.1 では、第2引数 name を無視する
- 45. Know How テストは Greeter クラスの getGreeting に対して行います。 Java Script では、 引数を省略することができます。 （省略時、undefined が渡される）
- 46. Test Patterns 仕様 ver.1 で必要なテストパターン（例） ( morning ) -> おはよう ( afternoon ) -> こんにちは ( evening ) -> こんばんは ( 不正な文字列 ) -> undefined
- 47. Run in Browser テストが全て通ったら、 ブラウザでも確認してみてください。 当たり前ですが、問題なく動くと思います。
- 48. Specification 仕様 ver.2 は以下の通りです。 名前が指定されたときは、「∼さん、∼」を表示する。 getGreeting の第2引数 name には、名前が渡される。 名前が指定されない場合は、ver.1 と同じ挙動をする。
- 49. Run in Browser テストが全て通ったら、 ブラウザでも確認してみてください。
- 50. Test Patterns 仕様 ver.2 で必要な追加テストパターン（例） ( morning , 中村 ) -> 中村さん、おはよう ( afternoon , 山中 ) -> 山中さん、こんにちは ( evening , 黒田 ) -> 黒田さん、こんばんは ( 不正な文字列 , 田中 ) -> undefined
- 51. How do you feel? いかがでしたでしょうか？ 「仕様に合わせてテストを書き、テストが通るよ うに実装する」という一連の流れが、なんとなく お分かりいただけたでしょうか。 テストを書くというのは、この作業の繰り返すこ とです。
- 52. 5 Minute Break
- 54. Continuous Integration (CI) 繰り返しになりますが、 テストコードを書くのは一回きりではありません。 実装を続ける限り、 テストコードの作成と実行を続けなければ 意味がありません。 そのために、 継続的な統合（Continuous Integration; CI） と呼ばれる試みが必要になります。 この会では、継続的な統合を「自動テスト」 として呼ぶことにします。
- 56. CI System CIサーバは、リポジトリからソースコード全体 を取得し、常にテストを実行する役割です。 CI Repository Server Dev Dev Dev PC PC PC
- 57. CI Notifaction CIサーバは、ビルド、テスト実行後、 その結果を通知することができます。 CI Repository 2. Checkout Server 3. Build & 1. Commit Run Tests Dev 4. Notify PC ex) Mail, RSS, etc
- 63. Jasmine on Jenkins Jasmine のテストケースを、 Jenkins で実行することは可能です。 ここでは、 Rhino + Jasmine + jasmine-reporters にて動かしてみます。 興味のある方は、 GitHub をご覧ください。
- 64. Jasmine on Jenkins 実演タイム
- 65. Conclusion