如何使用 Jest 在单元测试中访问全局常量？

Question

我想模拟一个全局变量并测试它是否在我的函数中被调用。在我的文件中，我定义了一个全局变量“remote”，它实例化了一个主题（RxJS 库）。我只是想测试是否使用正确的参数“名称”调用了 Subject 的下一个函数。但是，我无法访问测试文件中的全局变量 remote。我试图在我的设置文件中模拟它，但不起作用。

我该怎么做？

const remote = new Subject();
const analytics = {
  click: (name) => {
    if (name) {
      remote.next(name);
    }
  }
}
module.exports = analytics;

谢谢！

Answer 1

这是个好问题。当您使用 webpack 时，您的个人文件被包装到不同的函数调用中。看看这个doc。
这个问题最好的部分是，如果您希望您的代码可测试，它显示了 IOC/DI 的必要性。您可以导出一个Analytics 类，然后将remote 注入其构造函数，而不是在本地模块中定义remote。

// Analytics.js
export default class Analytics{
  constructor(remote) {
    this.remote = remote
  }

  click(name) {
    if (name) {
      this.remote.next(name)
    }
  }
}

main.js
import Analytics from './Analytics'

const remote = new Subject()
const analytics = new Analytics(remote)
analysis.click('foo')

将依赖项注入所有组件/服务会很乏味。 Angular 有 an decent doc 说明为什么/如何简化它。希望这有帮助！

// 更新
您可以使用 window 定义全局常量并在测试中使用window.remote 访问它

const remote = new Subject()
window.remote = remote

当你想模拟远程时，记得修改它的属性而不是对它的引用。

// test.js
beforeEach(() => {
    // wrong !!!
    window.remote = {
        next(name) { assert(name) }
    }

    // right
    window.remote.next = name => assert(name)
})