タグ別アーカイブ: karma

karma + Jasmine で AngularJS を TDD する

はじめに

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

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

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

CentOS6 上で karma + Jasmine + Chrome を使った JavaScript のテスト監視システムを作る

はじめに

 AngularJS や React.js といったクライアントサイド JS フレームワークや、Node.js のようなサーバーサイド JS フレームワークを使ったプロジェクトに対して、karma + Jasmine + Chrome でテストできるような環境が欲しくなりましたので、今回構築してみました。
 構築する OS は CentOS6 で、Chrome を起動する必要があるため、Gnomeデスクトップ環境で構成します。

 大まかな構築手順は下記のとおりです。

  • 構築手順
    • node.js と npm のインストール
    • Chrome のインストール
    • karma と Jasmine のインストール
  • 動作確認
    • サンプルプロジェクトの準備
    • テスト設定生成
    • テスト実行
続きを読む