2
私はangular-cli 1.0.0-beta.18で生成されたAngular2プロジェクトを開発しています。Angles2のユニットテストではソースマップが動作しません
一般に、テンプレートは非常にうまく機能しています。しかし、(Chromeで)単体テストをデバッグしようとすると、そのコードは分かりません。
私は何をすることです:
- 私はGoogle Chromeブラウザは、私がテストを実行しているコンソールで確認することができ
- を開き
ng test
- を実行して、テストを開始します。
Executed 36 of 36...
- 私はテストをデバッグしたいので、Chromeの
DEBUG
ボタンをクリックして新しいタブを開きます。 - このタブでは、開発者用ツールを開きます。
Ctrl-P
を使用してファイルを検索して表示できるようになりました。このコードは、の仕様のために読むことができます。- 私は実装コードを開いたときしかし、私は、ファイルがコードカバレッジツールによって縮小さ、または形質転換されているように見え、次の
を取得します。後者は__coverage__
の部分を考えれば可能性が高いようです。ソースマップは明らかに有効ではありません。
ソースマップを動作させるにはどうすればよいですか?
私は、コード・カバレッジ・レポート(すなわち、イスタンブール)へのすべての参照を削除するためにkarma.conf.js
ファイルをmodififying試してみましたが、下記を参照してください。しかし、これは振る舞いに違いがありません。
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
});
};