使用 proxyquireify 存根测试时“需要未定义”

Question

您好，我有一个项目使用 gulp 构建框架，并使用 karma 和 jasmine 进行测试。

我正在尝试集成 proxyquireify 来模拟需求，我只是在 karma 配置中添加了 proxyquireify 作为 browserify 插件，因为我正在使用 karma-browserify。

但这会导致在运行测试时出现错误，在第一行中显示“require is undefined”。

我做错了什么？

这是我的业力配置

// 业力配置 // 生成于 2014 年 11 月 26 日星期三 17:57:28 GMT+0530 (IST)

module.exports = function(config) {
  config.set({

    // base path that will be used to resolve all patterns (eg. files, exclude)
    basePath: '',


    // frameworks to use
    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
    frameworks: ['browserify', 'jasmine'],


    // list of files / patterns to load in the browser
    files: [
      './components/renderer/**/*.spec.js',
      './components/tracker/**/*.spec.js'
    ],


    // list of files to exclude
    exclude: [
    ],


    // preprocess matching files before serving them to the browser
    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
    preprocessors: {
        './components/**/*.spec.js'   : [ 'browserify' ]
    },

    browserify: {
        debug:true,
        plugin: ['proxyquireify/plugin']
    },


    // test results reporter to use
    // possible values: 'dots', 'progress'
    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
    reporters: ['spec'],


    // web server port
    port: 9876,


    // enable / disable colors in the output (reporters and logs)
    colors: true,


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


    // enable / disable watching file and executing tests whenever any file changes
    autoWatch: false,


    // start these browsers
    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
    browsers: ['Chrome'],


    // Continuous Integration mode
    // if true, Karma captures browsers, runs the tests and exits
    singleRun: false
  });
};

Answer 1

proxyquireify 通过替换 browserify 提供的 require 函数在内部工作。

在这种情况下，新替代的 require 函数似乎没有暴露在全局范围内。

我查看了代码，发现 proxyquireify 在 node_modules/proxyquireify/lib/prelude.js 中创建了新的 require 函数，命名为 newRequire。

我遇到的问题是 newRequire 函数没有在全局范围内作为 require 函数公开，所以我更改了 node_modules/proxyquireify/lib/prelude.js 以便

// Override the current require with this new one
return newRequire;

变成

// Override the current require with this new one
require = newRequire;

并且 newRequire 已正确暴露于全局范围，并且一切正常。由于每次执行 npm 安装时都会重置此更改，因此我创建了一个 gulp 任务，每次运行测试前都会更改此更改，我将添加 gulp 任务以供参考

// Task to modify proxyquireify so that it works properly, there is a bug in the npm library
gulp.task('_patch:proxyquireify', function() {
  gulp.src(['./node_modules/proxyquireify/lib/prelude.js'])
   .pipe(replace(/return newRequire;/g, 'require = newRequire;'))
   .pipe(gulp.dest('./node_modules/proxyquireify/lib'));
});

我在执行测试任务之前运行这个任务，像这样

// Task to run tests
gulp.task('run:test', ['_patch:proxyquireify'], function() {
  //logic to run tests
};

希望对你有帮助，谢谢