Webstorm 10 + Karma + ES6 - 单元测试

Question

首先让我先说一下，我所有的单元测试都使用 gulp 完美运行。

我正在尝试通过 Webstorm (v10) 运行我的单元测试问题是 karam.conf.js 指向编译的 js 文件，而不是原始文件.. . 有没有办法告诉 Webstorm 在运行测试之前先编译文件？

这是我的 karam.conf.js：（请注意，预编译文件位于同一位置，但看起来像 *.spec.js）

module.exports = function (config) {
    'use strict';
    config.set({

        basePath: '',

        frameworks: ['mocha'],

        files: [
            'bundledTests/test/**/*.spec.bundle.js'
        ],

        // reporters configuration 
        reporters: ['mocha'],

        plugins: [
          'karma-mocha-reporter',
          'karma-mocha',
          'karma-phantomjs-launcher',
          'karma-chrome-launcher'
        ],

        //reporters: ['progress'],

        port: 9876,
        colors: true,
        autoWatch: true,
        singleRun: false,
        usePolling: true,
        atomic_save: false,

        // level of logging
        // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
        logLevel: config.LOG_INFO,



        browsers: ["Chrome"] //'PhantomJS',

    });
};

如有任何帮助，我们将不胜感激！

Answer 1

使用karma-babel-preprocessor.

将 preprocessors 部分添加到您的 karma.conf.js:

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

在测试中标记运行之前需要处理的路径。

Webstorm 10 + Karma + ES6 - 单元测试

Webstorm 10 + Karma + ES6 - Unit testing

unit-testing

node.js

webstorm

ecmascript-6

karma-mocha