タグ別アーカイブ: TDD

karma + Jasmine で AngularJS を TDD する

はじめに

 AngularJS 公式サイトにあるチュートリアル AngularJS PhoneCat Tutorial AppStep2 で Jasmine なテストコードが出てきますが、その記事だけではゼロからテストを実行できないので、今回はこれを実行するまでの手順を明確にしてみたいと思います。
 チュートリアルではテンプレートに関する話題になっていますが、テストコードはコントローラーがきちんと 3 つの Phones を出力できているか、という点をテストしています。
 また、チュートリアルでは実装を先にしていますが、本投稿ではディレクトリ・ファイル構成のスケルトン (空ファイル) の状態からはじめて、TDD で進めたいと思います。はやる気持ちを抑えて、ソースコード、テストコードはまだ書かないでください。
 Jasmine 実行環境はこちらを参考に準備しておきます。

 本投稿での大まかな流れは下記のとおりです。

  • プロジェクトの作成
  • ソース監視の開始
  • テストコード作成と実装
続きを読む