茉莉花:如何在浏览器中查看报告?

Fra*_*ssi 6 unit-testing jasmine angularjs karma-runner karma-jasmine

情况:

我目前正在控制台中运行AngularJs单元测试。

我在控制台中打开文件夹,然后运行karma start并在控制台中检查测试结果。

我想在浏览器中查看结果,但到目前为止看不到它们。我只能看到的是:

在此处输入图片说明

问题:

如何在浏览器中查看测试报告?正确的插件应该是karma-jasmine-html-reporter对吗?

配置:

karma.conf.js:

frameworks: ['jasmine'],

files: [
    'bower_components/angular/angular.js',
    'bower_components/angular-mocks/angular-mocks.js',
    './test/**/*.js',
    'app.js'
],

plugins : [
  'karma-chrome-launcher',
  'karma-firefox-launcher',
  'karma-phantomjs-launcher',
  'karma-jasmine',
  'karma-jasmine-html-reporter'

],

browsers: ['PhantomJS', 'Chrome'],
Run Code Online (Sandbox Code Playgroud)

ang*_*ica 2

假设你有茉莉花2.0,

  • 添加reporters: ['html'],到您的karma.conf.js

  • 在 chrome 页面中点击DEBUG按钮。您应该被带到包含该报告的新页面。