kikukawa's diary

都内で活動するシステムエンジニアが書いてます。 興味を持った技術やハマったポイント、自分用メモをつけてます。 最近はweb中心

karma-html2js-preprocessorとkarma-ng-html2js-preprocessor

karmaでjavascroptのテストを実行するときに、htmlファイルに書いたhtmlを 文字列として取得したい時があります。
そんな時に、 karma-html2js-preprocessorを使用すると、
簡単に文字列として取得できるので便利です。

  • karma-html2js-preprocessor
  • karma-ng-html2js-preprocessor

と2つのプラグインの名前が非常に似ているので注意してください。 設定方法もよく似ているので、ちゃんと認識しないと動かくてハマります。
私はハマりました。。

karma-ng-html2js-preprocessor

名前にngが入っている方。
こちらは、AngularJSの$templateCacheを使用している場合に使うプラグインです。
AngularJSを使っていても、上記キャッシュ昨日を使ってなければ、後述の汎用的な方を使います。

karma-html2js-preprocessor

こちらはAngularJSは関係なく汎用的なものです。
多くの方がこちらを使うと思います。
前述の通り、AngularJSを使っていても$templateCacheを使っていなければ、こちらを使います。

参考

http://niwaringo.tumblr.com/post/79055597943/cli-javascript-html-fixture-karma https://github.com/karma-runner/karma-html2js-preprocessor https://github.com/karma-runner/karma-ng-html2js-preprocessor