browserify-istanbul 总是 returns 100%

browserify-istanbul always returns 100%

我有一个非常简单的项目(为了问这个问题)。我使用 browserify 捆绑我的项目,karma/jasmine 作为测试框架,使用 browserify-instanbul 进行代码覆盖:

问题是当我运行 npm test时,所有的测试都通过了,终端是绿色的。但是当我检查覆盖范围时,那里没有任何有价值的东西:

我可以看到单元测试测试机制正常工作。我尝试让1个测试失败,它确实显示了失败的测试,但是,测试覆盖率仍然与上图相同。

这是我的资料:

src文件夹下的文件:

animal.js
animal.spec.js
dog.js
dog.spec.js

其中每个源文件的内容可以简单如下:

animal.js:

function openMouth(){
    return 'openMouth';
}

module.exports = {
    openMouth: openMouth
};

dog.js:

var animal = require("./animal.js");

function say() {
    animal.openMouth();
    return 'woof';
}

module.exports = {
    say: say
};

规格文件只是验证每个函数的输出。所以像这样:

dog.spec.js:

var dog = require("./dog.js");
describe('dog', function () {
    it('should be able to say woof', function () {
        expect(dog.say()).toBe('woof');
    });
});

我的karma.conf.js

module.exports = function(config) {
  config.set({
    basePath: '.',
    autoWatch: true,
    frameworks: ['jasmine', 'browserify'],
    files: [
      'src/**/*.js'
    ],
    browsers: ['Chrome'],
    reporters: ['progress', 'coverage'],
    preprocessors: {
        'src/**/*.spec.js': ['browserify'],
        'src/**/!(*.spec).js': ['browserify']
    },
    singleRun: true,

    plugins: [
      'karma-coverage',
      'karma-browserify',
      'karma-chrome-launcher',
      'karma-firefox-launcher',
      'karma-jasmine'
    ],
    transform: [
      ['browserify-istanbul',
        {
          instrumenterConfig: {
            embedSource: true   // this is important for HTML reports
          }
        }
      ]
    ]

  });
};

我通过如下更新我的 karma 配置解决了这个问题:

//jshint strict: false
module.exports = function(config) {
  config.set({
    basePath: '.',
    autoWatch: true,
    frameworks: ['jasmine', 'browserify'],
    files: [
      'node_modules/moment/moment.js',
      'src/*.js'
    ],
    browsers: ['Chrome'],
    reporters: ['progress', 'coverage'],
    preprocessors: {
        'src/*.js': ['browserify']
    },
    browserify: {
      //debug: true,
      transform: ['browserify-istanbul']
    },
    coverageReporter: {
        reporters : [
            {"type": "text"},
            {"type": "html", dir: 'coverages'}
        ]
    },
    singleRun: true,
    plugins: [
      'karma-coverage',
      'karma-browserify',
      'karma-chrome-launcher',
      'karma-firefox-launcher',
      'karma-jasmine'
    ]
  });
};

记得还要安装instanbul