2016-04-29 15 views
6

私はangularJSアプリケーションを持っています。今、私はそれをテストしたいと思います。 私はいくつかのチュートリアルを見てきましたが、どれもビジュアルスタジオ2015でテストを設定する方法を示していません。 誰かが読める良いリソースについて知っていますか?私が持っているAngularJSカルマジャスミンとビジュアルスタジオ2015

質問は以下のとおりです。

  1. が、私は、各テストのために別々のビューを設定する必要がありますか?
  2. karma-jasmineとkarma-chrome-launcherのインストール以外に何かインストールする必要がありますか?
  3. ブラウザでテストを表示するにはどうすればよいですか?

助けがあれば助かります。

答えて

3

Chutzpah(VS2015に差し込むことができます)を試してみることをお勧めします.Jasmineと一緒に動作し、VS出力コンソールとブラウザでテスト結果を確認できます。大胆でVS2015上

Chutzpah on Github

Chutzpah extensions for VS

マイHelloWorldの例:

helloworld.js:

function helloWorld(){ 
    return "Hello world!"; 
} 
function examples() { 
    return package = { 
     first: 13, 
     second: 13, 
     third: "gone" 
    } 
} 

helloworldspec.js:

/// <reference path="helloworld.js" /> 

describe("Hello world", function() { 
    it("says hello", function() { 
     expect(helloWorld()).toContain("Hello"); 
    }); 
}); 
describe("Examples", function() { 
    it("examples", function() { 
     expect(examples().first).toBe(13); 
     expect(examples().third).not.toBe(13); 
     expect(examples().third).not.toMatch(/gz/); 
     expect(examples().third).toMatch('go'); 
    }); 
}); 
+1

それは問題ありませんが、私は自分のプロジェクトをどのようにセットアップするのか分かりません。テストごとに新しいJavaScriptファイルを作成しますか? Chutzpahはどのテストを実行するかなどをどのように知っていますか? – r3plica

+0

VS2015用のChutzpah拡張機能のうち2つをインストールすると、test.jsファイルを右クリックすると、Chutzpahアイコン付きの2つのオプション - 「テストの実行」と「ブラウザでのテストの実行」が表示されます。はい、テスト用のjsファイルを作成します。チャツパのためにはジャスミンを使わなければなりません。空のVS2015プロジェクトでchutzpahとJasmineを使って簡単なテストをしてみてください。あなたはそれを角度で実装しようとすることができます。 –

+0

私はAngularでこの種のテストを行っていません。しかし、私はchutzpahとJasmineとVS2015で変数を簡単にテストして遊びました... –

-1

あなたは、あなたがvs15でセットアップは何もする必要はありませんカルマジャスミンのテストランナーを使用している場合は、カルマはそれ自身の仮想サーバーでテストを実行しますが、コンソール、それを自己に結果を見ることができます。また、テストとファイルをデバッグしたい場合は、クロムブラウザでデバッグボタンを押し、次のウィンドウでf12キーを押してクロムの開発者ウィンドウを表示します。またChutzpahは良いですが、カルマジャスミンはAngular JSテストに最適です。また、カルマはセットアップと使用が非常に簡単です。