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