javascript - javascript 类的单元测试 (ES6) - stub 不起作用

Question

我在 javascript (react) 项目中遇到单元测试问题。 想要测试 ApiClient 类。为此，我必须隔离 settingsApi、HttpClient 和资源。 我使用的工具:mocha、chai、sinon

我也尝试过使用重新接线，但不行。我已经读到这可能是因为 babel。

我尝试过这样的 stub :

sinon.stub(ApiClient.prototype, 'constructor');

有人遇到过这个问题吗，可以帮我一下吗？

下面是部分代码:

文件 ApiClient.js

import settingsApi from '../../settings/api.json';
import HttpClient from './HttpClient';
import resources from './resources';

class ApiClient {
  constructor() {
    this.httpClient = new HttpClient(settingsApi);
  }

  get flux() {
    return new resources.resourceOne(this.httpClient);
  }
}

export default ApiClient;

FileHttpClient.js

class HttpClient {
/**
 * 
 * @param {*} config 
 */
constructor(config) {
    this.basePath = `${config.protocol}://${config.host}:${config.port}`;
}

post(resource, options = {}, formatResponse) {
    return this.request({
        method: 'POST',
        resource,
        options,
        formatResponse
    });
}


export default HttpClient;

Answer 1

我已经可以解决我的问题了，我使用了 babel-plugin-rewire ( https://github.com/speedskater/babel-plugin-rewire ):

安装:

yarn add babel-core babel-plugin-rewire --dev

添加到.babelrc

"plugins": [
    "rewire"
]

模拟依赖项示例:

ApiClient.__Rewire__('settingsApi', {
  paramConfig: 'config',
});

ApiClient.__Rewire__('HttpClient', class HttpClient {
    constructor(config) {
    }
});

ApiClient.__Rewire__('resources', {
    resourceOne: class {
       constructor(httpClient) {       
       }
});

现在不再调用依赖项，而是调用上述函数。