44

我有一个相当简单的 karma.config.js 文件

basePath = '../';


files = [
  JASMINE,
  JASMINE_ADAPTER,
  'js/lib/angular*.js',
  'test/lib/angular/angular-mocks.js',
  'js/**/*.js',
  'test/unit/**/*.js'
];

autoWatch = true;
browsers = ['PhantomJS'];


当我运行时karma start config/karma.conf.js --single-run，我得到以下输出

$ karma start config/karma.conf.js --single-run
[2013-06-24 23:47:08.750] [DEBUG] config - autoWatch set to false, because of singleRun
INFO [karma]: Karma server started at http://localhost:9876/
INFO [launcher]: Starting browser PhantomJS
INFO [PhantomJS 1.9 (Mac)]: Connected on socket id LwMoWxzIbSUuBsvIqB_m
PhantomJS 1.9 (Mac): Executed 6 of 6 SUCCESS (0.073 secs / 0.02 secs)

我一直在寻找一些东西来告诉我如何获取记录的测试的输出（例如SUCCESS Unit: services myService should behave）

我可以看到测试输出的唯一方法是打开 Chrome 并单击“调试”，然后显示开发人员工具控制台。我希望将消息注销到终端，但我不知道如何让它工作。

4

5 回答 5

82

通过安装karma-spec-reporter修复

npm install karma-spec-reporter --save-dev

并添加我的 karma.config.js

reporters: ['spec'],

根据业力文件

默认情况下，Karma 会加载与其同级的所有 NPM 模块，并且它们的名称与 karma-* 匹配。

但有些用户不得不将以下内容添加到他们的配置中

plugins: ['karma-spec-reporter']

于 2013-06-26T18:11:44.257 回答
10

只是另一个细节 - 如果您在karma.config.js中保留默认报告器“进度” ，如下所示：

reporters: ["progress", "spec"]

或其他控制台报告器，“规范”报告器输出将不起作用。

您应该只保留“规范”之一，或与其他浏览器报告者一起保留“规范”。例如：

reporters: ["spec", "coverage"]
于 2016-06-08T13:06:20.387 回答
2

我写了一个记者以使输出更具可读性：karma-helpful-reporter

有一些不错的自定义选项：https ://github.com/whyboris/karma-helpful-reporter

里面npm install --save-dev karma-helpful-reporter的安装说明，基本上再添加到Karma配置插件部分：

plugins: [ 
  require('karma-helpful-reporter')
],
reporters: [ 'helpful' ],
于 2018-11-19T19:03:15.230 回答
2

你也可以使用Karma-mocha-reporter 作为记者，你的控制台应该有一个干净的报告。

npm i karma-mocha-reporter --save-dev

// karma.conf.js
module.exports = function(config) {
  config.set({
    frameworks: ['jasmine'],

    // reporters configuration
    reporters: ['mocha']
  });
};

有时，例如在@angular/cli环境中，您应该要求这样：

plugins: [
   ...
   require('karma-mocha-reporter'),
   ...
]
于 2018-11-11T18:04:16.487 回答
1

这是我的工作（草稿）配置，没有“插件”部分（实际上我不完全理解为什么我需要指定它们......）：

包.json 

  "devDependencies": {
    [...]
    "grunt-karma": "~0.9.0",
    "karma": "~0.12.24",
    "karma-jasmine": "~0.2.3",
    "karma-chrome-launcher": "~0.1.5",
    "karma-phantomjs-launcher": "~0.1.4",
    "karma-spec-reporter": "0.0.13"
  }

业力.conf.js

module.exports = function (config) {
    config.set({
        frameworks: ['jasmine'],
        reporters: ['spec'],
        browsers: ['PhantomJS']
    });
};

Gruntfile.js

    karma: {
        options: {
            configFile: 'karma.conf.js',
            files: [
                'app/libs/angular.js',
                'app/libs/angular-resource.js',
                'app/libs/angular-route.js',
                [...] 
                'app/modules/**/*-spec.js'
            ]
        },
        unit: {
            singleRun: true
        }
    }

现在，当我运行grunt karma来自*-spec.js文件 ( describe('message', function() ...)) 的消息时，会在控制台中很好地显示。

于 2014-11-06T09:17:49.760 回答