使用ES6 + webpack + karma(aurelia框架)进行代码覆盖

时间:2017-12-18 15:17:21

标签: webpack ecmascript-6 karma-runner aurelia karma-coverage

我正在尝试在我的项目中使用ES6,Webpack 3和Karma(它基于Aurelia Framework)设置代码覆盖率。我使用nyc生成代码覆盖率,但似乎无法正常工作。我只能看到几个文件的代码覆盖率:

enter image description here

通常我会通过命令npm test运行单元测试,并尝试通过命令npm run test-cov运行覆盖。这些命令如下所示:

`"test": "cross-env NODE_ENV=test karma start",
"test-cov": "cross-env NODE_ENV=test nyc karma start karma.conf.js"
`

我添加了karma.conf.js所需的代码:

`preprocessors: {
    'build/bundle.js': ['webpack'],
    'test/**/*.js': ['webpack'],
    'src/**/*.js': ['coverage']
}`

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

我也使用istanbul插件,我在webpack配置文件中初始化它,如下所示:

`{
    test: /\.js$/,
    loader: 'babel-loader',
    exclude: [
        /node_modules/,
        /src\/app-config/
    ],
    options: {
        babelrc: false,
        presets: [
            ['es2015', { loose: true }],
            'stage-1'
        ],
        env: {
            test: {
                plugins: ['istanbul']
            }
        },
        plugins: [
            'transform-decorators-legacy',
            'transform-runtime'
        ]
    }
}`

我在这个问题上花了很多时间,我不知道下一步该做什么。我会感激任何帮助。非常感谢你!

0 个答案:

没有答案