WebpackベースのアプリケーションをKarmaでテストする | 踊る犬.net
Webpackベースのアプリケーションをテストしたい Webpackとは Webpackはモジュールの依存関係を解決するプリプロセッサです。 依存関係の記述には、ES6、CommonJSやAMDのスタイルが使えます。 誤解を恐れずに言えば、node.js感覚で他のモジュールをrequireできるようにしてくれます。 webpackでソースコードをコンパイルすると、*.bundle.jsというような名前のファイルが出力されます。 これをアプリケーション側で事で、同期的・非同期的なモジュールの依存関係の解決が可能となります。 テストしやすい方法の検討 要件としては以下のとおりです： Webpackで書いたアプリケーションの各ユニットあるいは各ふるまいを、出来るだけ簡単にテストしたい 任意のCI(Continuous Integration)でも動かしたい 使用するツール群 前述の要件を
Knockout.jsとKarmaで簡単TDD開発 - 418 | I'm a teapot
この前の関ジャバの懇親会で @hakurai さんに良さを教えてもらってから、Knockout.jsを始めてみました。 Knockout.jsを使うことにした理由は以下の通り。 ・プロジェクトの途中から使っても比較的簡単に導入できる →Knockout.jsはAngularJSなどと比べてRouterなどの機能がなく非常にシンプル ・わかりやすい →バインディングすることに機能が絞られているので学習コストは少ないと思う ・テストコードが書きやすい →これはKnockout.jsに限ったことではないけど、ViewModelをJSファイルに分離することによりテストが書きやすくなると思う んで、JSのテストするのに色々調べてたらKarma使うと色々便利っぽかったので試してみると思った以上に良かったので、セットアップ方法を書いてみようと思う。 セットアップの流れ 以下のような流れでセットアップした
【javascriptを使う人に知って貰いたい（エンジニア、デザイナ問わず）】karmaを使ったテスト駆動開発入門（ついでにJasmineも）
$ karma init Which testing framework do you want to use ? Press tab to list possible options. Enter to move to the next question. > jasmine Do you want to use Require.js ? This will add Require.js adapter into files. Press tab to list possible options. Enter to move to the next question. > no Do you want to capture a browser automatically ? Press tab to list possible options. Enter empty string to
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
karma-browserify
For X Developers: 【npm + Karma + Jasmine】JavaScriptの単体テスト環境を構築する
