karma-runner - 使用 karma 和 webpack 运行测试

Question

我的项目有外部依赖，所以我这样配置 webpack:

externals:{
        'd3':'d3',
        'another-external-dep': 'another-external-dep'
}

然后在代码中我需要这样的依赖:

var someProp = require('another-external-dep').someProp.

在我整合 karma 之前一切都很好。所以 karma 在运行测试时无法清楚地找到模块 another-external-dep 因为它是一个外部依赖项，我没有包含在文件列表中的 karma 配置中。

如何模拟 another-external-dep 以便 require('another-external-dep') 返回一个模拟？还有我可以在哪里指定这个模拟，在配置或模拟中？

Answer 1

您可以通过在 karma.config.js 的 files 数组中包含依赖项，在 karma 测试期间链接到外部依赖项。

module.exports = function karmaConfig(config) {
    config.set({
        ...
        files: [
            'path/to/external/jquery.js',
            'tests.webpack.js',
        ],
        webpack: {
            externals: {
                'jquery': 'jQuery',
            },
        },
        ...
    });
};

这使得依赖项在全局上下文中可用，然后您可以从 webpack 的文件中引用它，从而复制您的开发上下文。