Question

我们正在使用Jasmine进行JavaScript单元测试。我们有一个SpecRunner.html文件来运行测试。是否存在一个工具，我可以将路径传递给SpecRunner.html以及JavaScript目录（而不是规范）文件的路径，它将生成LCOV报告。例如，像这样：

phantomjs jasmine_lcov.js SpecRunner.html WebContent/js

Answer 1

我同意@zaabalonso Karma是正确的选择。由于您需要LCOV报告，因此您还需要karma-coverage插件，并假设您希望在CI中无头运行，您可能需要karma-phantomjs-launcher。通过Grunt运行是可选的，因为您始终可以使用karma-cli（npm install -g karma-cli）直接从命令行运行karma。

基本设置（使用requireJS）看起来像这样：

<强>的package.json

{
  "private": "true",
  "devDependencies": {
    "grunt": "^0.4.5",
    "grunt-jasmine-node": "^0.3.1",
    "grunt-karma": "^0.10.1",
    "jasmine-core": "^2.3.4",
    "karma": "^0.12.32",
    "karma-coverage": "^0.3.1",
    "karma-jasmine": "^0.3.5",
    "karma-phantomjs-launcher": "^0.1.4",
    "karma-requirejs": "^0.2.2",
    "requirejs": "^2.1.17"
  }
}

karma.conf.js （请注意preprocessors和coverageReporter部分

module.exports = function(config) {
  config.set({
  basePath: '.',
  frameworks: ['jasmine', 'requirejs'],
  files: [{
        pattern: 'src/**/*.js',
        included: false
      }, {
        pattern: 'spec/**/*.js',
        included: false
      },
      "test-main.js"],

  preprocessors: {
    'src/**/*.js': ['coverage']
  },

  reporters: ['progress', 'coverage'],

  coverageReporter: {
    // specify a common output directory
    dir: 'build/reports/coverage',
    reporters: [
      { type: 'lcov', subdir: 'report-lcov' },
      { type: 'lcovonly', subdir: '.', file: 'report-lcovonly.txt' }
    ]
  },

  browsers: ['PhantomJS']
  });
};

<强>测试main.js

var allTestFiles = [];
var TEST_REGEXP = /^\/base\/spec\/\S*(spec|test)\.js$/i;

var pathToModule = function (path) {
    return path.replace(/^\/base\//, '').replace(/\.js$/, '');
};

Object.keys(window.__karma__.files).forEach(function (file) {
    if (TEST_REGEXP.test(file)) {
        // Normalize paths to RequireJS module names.
        allTestFiles.push(pathToModule(file));
    }
});

require.config({
    // Karma serves files under /base, which is the basePath from your config file
    baseUrl: '/base/',
    enforceDefine: true,
    xhtml: false,
    waitSeconds: 30,

    // dynamically load all test files
    deps: allTestFiles,
    callback: window.__karma__.start
});

Gruntfile.js （如果您想使用Grunt，则可选）

module.exports = function(grunt) {
  grunt.initConfig({
    karma: {
      unit: {
        configFile: 'karma.conf.js',
        options: {
          singleRun: true
        }
      }
    }
  });
  grunt.loadNpmTasks('grunt-karma');
  grunt.registerTask('default', ['karma:unit']);
};

您可以使用karma start运行测试命令行。这将启动业力服务器并运行一次测试。它将使服务器保持运行状态，并在您修改源或测试源时随时重新运行测试。如果您只想运行一次测试（也许在CI中），您只需运行karma start --single-run。

Answer 2

Chutzpah也会这样做。然而，它专注于Windows平台，因此可能适用于您，也可能不适合您。以下是完整的命令行选项documentation，但您的命令可能是这样的：

chutzpah.console.exe SpecRunner.html /coverage /lcov coverage.dat

如果您需要对覆盖范围排除或引用等内容进行微调，则可以在所述测试区域中使用json配置文件位置here。无需在命令行上指定要测试的Javascript代码的位置，因为SpecRunner.html中的引用会自动检测到该位置。

我发现Chutzpah非常光滑且易于使用。

Answer 3

我们正在使用Karma over grunt配置看起来像：

if(declaredLength == AssetFileDescriptor.UNKNOWN_LENGTH) {
    declaredLength = fileChannel.size() - startOffset;
}

您没有指定

SpecRunner.js

但您可以为所有规范文件指定* .js。

你可以用

运行它

grunt karma

将生成与您展示的报告类似的报告。

如何根据Jasmine的SpecRunner.html生成LCOV报告？

3 个答案: