jsテスト環境の設定

3170 ワード

設定jsテスト環境:一.実装Karma KarmaはNode.jsベースのJavaScriptテスト実行プロセス管理ツール(Test Runner)です.1.メインディレクトリで実行: 

mkdir karma
cd karma
npm install -g karma  (        sudo npm install -g karma)
//  ,    error,    。  karma   nodejs ,         nodejs   ,           sudo apt-get install nodejs    ,      karma    。    nodejs npm    。
 
注:nodejsとnpmをインストールします.  詳細なインストール手順を参照してください.http://www.25kx.com/art/2732031 葃テストはカルマの取り付けに成功しましたか?実行します.

karma start
INFO [karma]: Karma 0.12.17 server started at http://localhost:9876/
INFO [Chrome 28.0.1500 (Windows 7)]: Connected on socket nIlM1yUy6ELMp5ZTN9Ek   //             。
二.Karma+Jasmine配置  参照http://blog.fens.me/nodejs-karma-jasmine/   中の3でいいです.中にスクリーンショットがあります.詳しいです.三.自動化ユニットテスト1.簡単なjsソースファイルを作成します.たとえばweixinにいますkevascripts/Cutomer Service/ap/asets/javascripts/customer_serviceでtest.jsファイルを作成し、ファイルに一番簡単な方法を書きます.

function test(){
    return 'abc';
}
2.試験ファイルを作成します.  たとえばweixinにいますketohug/feature/Customer Service/spec/javascriptsでtest_を作成します.spec.jsファイル、そしてテストを書きます.

describe("test", function() {
    it("should return 'abc'",function(){
        expect(test()).toEqual('abc');
    });
});
3.kama.co nf.jsプロファイルを修正します.(上記の設置方法によれば、このファイルの位置はweixinuhuotong/kama/kama.co.nf.jsです.)filesを修正します.

files: [
        '../features/CustomerService/app/assets/javascripts/customer_service/test.js',
        '../features/CustomerService/spec/javascripts/test_spec.js'
    ],

  browsers 
browsers: ['PhantomJS']
4.カラマカルマstart kama.co.nf.jsユニットテストを起動して、全自動で実行します.  テストに成功したら、上の3の中の1と2に添付したjsファイルとjsテストファイルを削除して、下の5操作に従って、最後に私は工事中にjsファイルを導入しましたので、コードを引いてからjsテストの配置を完成します.注:カラマ起動後に発生する可能性のあるエラー:1)Can not load「phantomjs」、it is not registed!解決方法、実行コマンド:

sudo npm install karma-phantomjs-launcher
2)Canot install phantomJS in Karma解決方法、実行命令:

npm install karma@canary phantomjs karma-phantomjs-launcher
npm install karma-phantomjs-launcher --save-dev
3)Karma.js installation in Web Storm-bash:kama:command not found解決方法、実行命令:

npm install karma-cli
4)カラマコマンドランドnot found whenカラマalready installed解決方法、実行命令:

npm install karma-cli
5.kama.co nf.jsプロファイルを修正します.(上記の設置方法によれば、このファイルの位置はweixinuhuotong/kama/kama.co.nf.jsです.)filesを修正します.

files: [
         '../app/assets/javascripts/jquery-1.10.2.min.js',
        '../app/assets/javascripts/jquery.ui.widget.js',
        '../spec/javascripts/lib/ZeroClipboard.js',
        '../app/assets/javascripts/*.js',
        '../features/**/app/assets/javascripts/**/*.js',
        '../features/**/spec/javascripts/*.js'
    ],    //       ,files         。