カルマテスト実行後にテスト画面が空白になる

Question

ngテスト実行後テストランナーはすべてのテストの実行を開始しますが、その後は空白になります。下の画像を参照してください。

私のカルマ設定：

module.exports = function (config) { 
    config.set({ 
    basePath: '', 
    frameworks: ['jasmine', '@angular/cli'], 
    plugins: [ 
     require('karma-jasmine'), 
     require('karma-chrome-launcher'), 
     require('karma-jasmine-html-reporter'), 
     require('karma-coverage-istanbul-reporter'), 
     require('@angular/cli/plugins/karma') 
    ], 
    client:{ 
     clearContext: false // leave Jasmine Spec Runner output visible in browser 
    }, 
    files: [ 
     { pattern: './src/test.ts', watched: false } 
    ], 
    preprocessors: { 
     './src/test.ts': ['@angular/cli'] 
    }, 
    mime: { 
     'text/x-typescript': ['ts','tsx'] 
    }, 
    coverageIstanbulReporter: { 
     reports: [ 'html', 'lcovonly' ], 
     fixWebpackSourcePaths: true 
    }, 
    angularCli: { 
     environment: 'dev' 
    }, 
    reporters: config.angularCli && config.angularCli.codeCoverage 
       ? ['progress', 'coverage-istanbul'] 
       : ['progress', 'kjhtml'], 
    port: 9876, 
    colors: true, 
    logLevel: config.LOG_INFO, 
    autoWatch: true, 
    browsers: ['Chrome'], 
    singleRun: false 
    }); 
}; 

私Package.json devDeps：

"devDependencies": { 
"@angular/cli": "1.0.3", 
"@angular/compiler-cli": "^4.0.0", 
"@types/jasmine": "2.5.38", 
"@types/node": "~6.0.60", 
"codelyzer": "~2.0.0", 
"jasmine-core": "~2.5.2", 
"jasmine-spec-reporter": "~3.2.0", 
"karma": "~1.4.1", 
"karma-chrome-launcher": "~2.1.1", 
"karma-cli": "~1.0.1", 
"karma-jasmine": "~1.1.0", 
"karma-jasmine-html-reporter": "^0.2.2", 
"karma-coverage-istanbul-reporter": "^0.2.0", 
"protractor": "~5.1.0", 
"ts-node": "~2.0.0", 
"tslint": "~4.5.0", 
"typescript": "~2.2.0" 

}

それはバージョンの問題だろうか？私のカルマバージョンをアップグレードすることがありますか？これはcli経由でインストールされていましたが、以前は動作していたと思いますが、何とかしてこれが行われました。

Answer 1

犯人は the Karma configurationでclient.clearContextオプションです：trueの場合

、カルマは、テストを実行しているの完了時にコンテキストウィンドウをクリアします。 falseの場合、Karmaはテストの実行完了時にコンテキストウィンドウをクリアしません。これをfalseに設定すると、Jasmine Spec Runner Templateを埋め込むときに便利です。

ので（karma.conf.js）のように、このオプションを無効にし、画面をブランキング避けるために：

module.exports = function (config) { 
    config.set({ 
     /* ... */ 
     client: { 
      clearContext: false 
     } 
     /* ... */ 
    }) 
} 

Answer 2

私はこの同じ問題を抱えていました。 clearContextフラグを設定しても差はありません。

しかし、私にとっては、--code-coverage引数を使用したときにのみ起こっていました。私は手動で記者を指定して、それを修正することができました：

karma start --code-coverage=true --reporters=progress,coverage-istanbul,kjhtml