6

我正在尝试检测我的代码以启动并运行一些覆盖范围，但有些东西正在从我的手指中溜走。

我启动istanbul：

node_modules/.bin/istanbul cover ./node_modules/mocha/bin/_mocha -- -u exports -R spec

我的mocha.opts样子是这样的：

app/assets/javascripts/components/**/*-mocha.jsx
--compilers jsx:mocha/compiler.js

一切似乎都运行良好（至少测试运行），但我得到的唯一覆盖范围是用于将 JSX 编译为 JavaScript 的文件（用于compiler.js

compiler.js                 100%
jsx-stub-transform.js       65%

非常好用...

有任何想法吗？

4

2 回答 2

2

我使用gulp-jsx-coverage。

这里以我的配置为例：

var jsxCoverage = require('gulp-jsx-coverage');
gulp.task('test', ['lint', 'env:test'], jsxCoverage.createTask({
    src: ['src/**/*_test.js', 'src/**/*_test.jsx'],  // will pass to gulp.src as mocha tests
    istanbul: {                                      // will pass to istanbul
        coverageVariable: '__MY_TEST_COVERAGE__',
        exclude: /node_modules|tests|._test/         // do not instrument these files
    },
    transpile: {                                     // this is default whitelist/blacklist for transpilers
        babel: {
            include: /\.jsx?$/,
            exclude: /node_modules/
        }
    },
    coverage: {
        reporters: ['text', 'lcov', 'cobertura'],    // list of istanbul reporters
        directory: 'coverage'                        // will pass to istanbul reporters
    },
    mocha: {                                         // will pass to mocha
        reporter: 'spec'
    },
    babel: {                                         // will pass to babel
        sourceMap: 'inline',                         // get hints in HTML coverage reports
        plugins: []
    }
}));

* 更新 *

随着时间的推移，我决定停止使用gulp-jsx-coverage. 我的测试使用babel-rewire-plugin, 并且gulp-jsx-coverage没有正确检测我的文件，导致覆盖率报告包含一堆未经测试的生成代码。没有布埃诺。

请参阅我当前设置的第二个答案。

于 2015-10-22T16:37:43.650 回答
2

我直接将mocha和isparta与Babel 6一起使用，如下所示：

npm test命令

BABEL_ENV=test babel-node node_modules/isparta/bin/isparta cover _mocha

.babelrc

{
    "plugins": [
        "add-module-exports",
        "transform-decorators-legacy",
        "transform-runtime"
    ],
    "presets": [
        "es2015",
        "react",
        "stage-0"
    ],
    "env": {
        "test": {
            "plugins": [
                "rewire"
            ]
        }
    }
}

test/mocha.opts

--compilers js:babel-core/register
--require test/init.js

src/**/*_test.js*

test.init.js

'use strict';

require('mock-require')('clappr');
require('testdom')('<html><body></body></html>', {
    React: 'react',
    localStorage: 'localStorage'
});

.istanbul.yml

instrumentation:
  root: src
  excludes: ['*_test.js']

从中选择依赖项package.json

"babel-cli": "^6.7.5",
"babel-core": "^6.7.2",
"babel-eslint": "^5.0.0",
"babel-loader": "^6.2.4",
"babel-plugin-add-module-exports": "^0.1.2",
"babel-plugin-rewire": "^1.0.0-rc-2",
"babel-plugin-runtime": "^1.0.7",
"babel-plugin-syntax-jsx": "^6.5.0",
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"babel-plugin-transform-runtime": "^6.6.0",
"babel-preset-es2015": "^6.6.0",
"babel-preset-react": "^6.5.0",
"babel-preset-stage-0": "^6.5.0",
"babel-register": "^6.7.2",
"babel-runtime": "^5.8.34",
"babel-template": "^6.7.0",
"babel-types": "^6.7.2",
"isparta": "^4.0.0",
"mocha": "^2.4.5",

关于 .JSX 文件的说明

我将所有 .JSX 文件重命名为 .JS，原因如下：

  • 我使用codecov进行托管覆盖率报告。这暴露了这样一个事实：虽然coverage/lcov-report/index.html显示了正确的覆盖率，但 .JSX 文件的 JSON 覆盖率文件中缺少某些内容。我一直无法弄清楚。据我所知，这是 isparta 或 istanbul 中的一个错误。我也试过istanbul@1.0.0-alpha.2，发现它有同样的问题。
  • React 曾经推荐将文件命名为 .JSX 以利于转换实用程序和编辑器。这不再是建议。据我所知，这不再重要了。

自从切换到 .JS 后，我还没有看到包括 Atom 和 IntelliJ 在内的工具有任何问题。

如果您不想重命名文件，可以将以下内容添加到我上面的示例中：

  1. 在脚本中，在 之后isparta cover，添加--include \"src/**/*_test.jsx\".
  2. ,.istanbul.yml添加
extensions:
  - .js
  - .jsx
于 2016-04-21T17:09:46.583 回答