使用 karma 和 webpack 运行测试

Question

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

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

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

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

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

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

Answer 1

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

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

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