2

angular-cli 1.0.0-beta.18 によって生成された Angular2 プロジェクトを開発しています。

一般的に、テンプレートは非常にうまく機能しています。ただし、(Chrome で) 単体テストをデバッグしようとすると、コードが理解できません。

私がすることは：

  1. 実行してテストを開始しますng test
  2. Google Chrome ブラウザが開きます
  3. テストが実行されたことをコンソールで確認できます。Executed 36 of 36...
  4. テストをデバッグしたいのでDEBUG、Chrome でボタンをクリックすると、新しいタブが開きます。
  5. そのタブで、開発者ツールを開きます。
  6. Ctrl-Pファイルの検索と表示に使用できるようになりました。コードは仕様に対して読み取り可能です。
  7. ただし、実装コードを開くと、次のようになります

ここに画像の説明を入力

ファイルが圧縮されているか、コード カバレッジ ツールによって変換されているようです。パーツを考えると後者の可能性が高いと思われます__coverage__。ソースマップは明らかに有効ではありません。

ソース マップを機能させるにはどうすればよいですか?

karma.conf.jsコード カバレッジ レポート (Istanbul など) への参照をすべて削除するようにファイルを変更してみました。以下を参照してください。しかし、これは動作に違いはありません:

module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', 'angular-cli'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('angular-cli/plugins/karma')
    ],
    files: [
      { pattern: './src/test.ts', watched: false }
    ],
    preprocessors: {
      './src/test.ts': ['angular-cli']
    },
    angularCli: {
      config: './angular-cli.json',
      environment: 'dev'
    },
    reporters: ['progress'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false
  });
};
4

1 に答える 1