ジャスミンテスト用のイスタンブールコードカバレッジレポートを作成すると、ファントムのブラウジングバンドルで実行されます

Question

タイトルは本当にすべてです。インターネットをトロールしているにもかかわらず、私はこの問題の解決策の一例を見つけていません。ここで

いくつかのニアミス

• https://github.com/amitayd/grunt-browserify-jasmine-node-exampleされている - うなり声、browserifyとジャスミン
• https://github.com/gotwarlost/istanbul/issues/59#issuecomment-18799734は - ここで

をbrowserify、イスタンブール私の進行中のコードhttps://github.com/wheresrhys/on-guard/tree/browserifyである（それはbrowserify者注'branch - Gruntfile.jsはちょっと混乱しますが、間もなく整理します）。 console.logを使用して私の最初の調査は何とかbundle.src.jsがページにロードされていることを示していますが、テストが実行され（そして渡されると）bundle.src.jsのコードが実行されていないので、 1つはクロムのスペックルナーを開いたときのようにファントムに限られていますが、コードが実行されています。

Answer 1

私は解決策としてgrunt-browserify + browserify-istanbul + grunt-contrib-jasmine + grunt-template-jasmine-istanbulを使用しています。このソリューションには、browserifyを使用してソースファイルを構築するときにサードパーティライブラリも除外されています。

1. 音源コード
2. ランテスト
：

は、最初のコードを表示し、私は後で、イスタンブールカバレッジレポートを生成する

grunt.initConfig({ 
browserify: { 
    // build specs using browserify 
    specs: { 
    src: ["spec/**/*Spec.js"], 
    dest: "spec/build/specs.js", 
    options: { 
     debug: true 
    } 
    }, 
    // build source files using browserify and browserify-istanbul 
    dev: { 
    options: { 
     debug: true, 
     browserifyOptions: { 
     standalone: 'abc' 
     }, 
     transform: [['browserify-istanbul', { 
     ignore: ['**/node_modules/**'], // ignore third party libs 
     defaultIgnore: true 
     }]] 
    }, 
    src: ['abc.js'], 
    dest: 'dist/abc.js' 
    } 
}, 
connect: { 
    server: { 
    options: { 
     port: 7000 
    } 
    } 
}, 
// test using jasmine, generate coverage report using istanbul 
jasmine: { 
    coverage: { 
    src: ['dist/abc.js'], 
    options: { 
     junit: { 
      path: 'bin/junit' 
     }, 
     host: 'http://localhost:7000/', 
     specs: 'spec/build/specs.js', 
     keepRunner: true, 
     summary: true, 
     template: require('grunt-template-jasmine-istanbul'), 
     templateOptions: { 
     replace: false, // *** this option is very important 
     coverage: 'bin/coverage/coverage.json', 
     report: [ 
      { 
      type: 'html', 
      options: { 
      dir: 'spec/coverage/html' 
      } 
     }] 
     } 
    } 
    }  
} 

    grunt.registerTask('specs', ['browserify:specs', 'browserify:dev', 'connect', 'jasmine']); 

手順は三つに結論することができる説明します

3. カバレッジレポートを生成する

当社のソリューションで

は、私たちはあなたの機器コードがbrowserify建物のステップでできるようになるステップ1でbrowerify-istanbul、grunt-contrib-jasmineとrunt-template-jasmine-istanbulステップ2でと3

browserify-istanbulを使用して、このように、我々は簡単にサードパーティのLIBSを無視することができます。しかし、grunt-template-jasmine-istanbulは再びコードを記入します。これを避けるには、オプションでreplace〜falseを設定します。

参考文献：

1. Istanbul steps
2. broswerify-istanbul
3. grunt-contrib-jasmine
4. grunt-template-jasmine-istanbul - replaceオプション