4

我已经构建了一个 grunt 设置，用于使用 qunit 进行测试并使用 istanbul 生成覆盖率报告，但我无法在没有错误的情况下完成 storeCoverage 任务：没有收集到覆盖率信息。

Gruntfile.js

module.exports = function (grunt)
{
  "use strict";

  grunt.initConfig({
    pkg: grunt.file.readJSON("package.json"),
    connect: {
      root_server: {
        options: {
          port: 2424,
          base: 'qunit'
        },
      }
    },
    qunit: {
      all: ['qunit/test1.html']
    },
    instrument: {
      files: "testable.js",
      options: {
        lazy: true,
        basePath: "qunit/"
      }
    },
    storeCoverage: {
      options: {
        dir: "report/"
      }
    },
    makeReport: {
      src: "report/*.json",
      options: {
        type: "lcov",
        dir: "test",
        print: "detail"
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-connect');
  grunt.loadNpmTasks("grunt-contrib-qunit");
  grunt.loadNpmTasks("grunt-istanbul");

  grunt.registerTask("default", ["instrument", "connect", "qunit", "storeCoverage"/*, "makeReport"*/]);

};

可测试的.js

function runable ()
{
  return true;
};

test1.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>QUnit Example</title>
  <link rel="stylesheet" href="qunit.css">
</head>
<body>
  <script src="qunit.js"></script>
  <script src="testable.js"></script>
  <script>
    QUnit.test("hello test", function (assert)
    {
      assert.ok(runable());
    });
  </script>
</body>
</html>

一切正常，qunit 运行，并且一个断言确实在检测文件上运行并成功。但是当它遇到 storeCoverage 任务时，它会失败。难道我做错了什么？当然，任何帮助都会受到赞赏。

4

2 回答 2

1

我能够使用项目中的Gruntfile.js来完成这项工作grunt-istanbul。

他们的文件表明这reloadTasks不是必需的，但对我来说实际上是。他们所做的clean任务也有助于整理。在他们的文档中还指出，您可以设置 ENV 变量，而不是使用env任务。

尝试将这些添加到您的Gruntfile.js：

env: {
  coverage: {
    APP_DIR_FOR_CODE_COVERAGE: rootPath + 'path/to/instrument'
  }
},

clean: ['path/to/coverage'],

reloadTasks: {
  rootPath: 'path/to/instrument'
},

我的任务如下所示：

grunt.registerTask('cover',[
  'env:coverage',
  'clean',
  'instrument',
  'reloadTasks',
  'connect',
  'qunit',
  'storeCoverage',
  'makeReport'
]);
于 2015-09-21T23:29:09.333 回答
0

这个问题有点老了，但它可能对其他人有帮助。

为了解决这个问题，我需要将我的测试代码指向检测代码，否则是原始代码。

请参阅示例：

Gruntfile.js：

module.exports = function (grunt) {

grunt.initConfig({

    env: {
        coverage: {
            APP_DIR_FOR_CODE_COVERAGE: '../test/coverage/instrument/lib/'
        }
    },
    clean: {
        coverage: {
            src: ['test/coverage/']
        }
    },
    instrument: {
        files: 'lib/*.js',
        options: {
            lazy: true,
            basePath: 'test/coverage/instrument/'
        }
    },
    mochaTest: {
        test: {
            options: {
                reporter: 'spec'
            },
            src: ['test/**/*test.js']
        }
    },
    storeCoverage: {
        options: {
            dir: 'test/coverage/reports'
        }
    },
    makeReport: {
        src: 'test/coverage/reports/**/*.json',
        options: {
            type: 'lcov',
            dir: 'test/coverage/reports',
            print: 'detail'
        }
    }
});

grunt.loadNpmTasks('grunt-contrib-clean');
grunt.loadNpmTasks('grunt-mocha-test');
grunt.loadNpmTasks('grunt-istanbul');
grunt.loadNpmTasks('grunt-env');

grunt.registerTask('test', 'mochaTest');
grunt.registerTask('coverage', ['env:coverage', 'clean', 'instrument', 'mochaTest', 'storeCoverage', 'makeReport']);};

在您的测试代码中，指向已检测的代码。

如grunt-istanbul 站点中所述，您可以创建一个 requireHelper 文件。

module.exports = function (path) {
    return require((process.env.APP_DIR_FOR_CODE_COVERAGE || '../lib/') + path);
  };

并在您的测试文件中使用它。

var requireHelper  = require('./require_helper');
var fileToBeTested = requireHelper('file-to-be-tested');

describe('Test', function () {

    it('should do some test', function () {
        expect(1).to.equal(1);
    });

});
于 2017-04-30T21:09:55.350 回答