在 require.js 中模拟全局窗口对象答案

【问题标题】：Mock the global window object in require.js在 require.js 中模拟全局窗口对象
【发布时间】：2013-02-10 02:07:49
【问题描述】：

我有一个使用 window.applicationCache 的 Web 应用程序离线访问。
我所有管理 appCache 的代码（例如检查/更新/交换缓存）被封装成一个 “缓存控制器”对象。
我有单元测试来测试我的 “缓存控制器”功能。为了测试，我暂时用我自己的 mock 替换原生 window.applicationCache 对象版本（因为我只想测试 my 代码，而不是浏览器 appCache 实现），例如。
```
window.applicationCache = { /* my appCache mock */ };
// unit tests run here. Code under test references window.applicationCache.
```

不久前（大约是 Chrome 16）这种方法非常有效。然后，Mac 和 Windows 平台上的 Chrome 17 删除了修补浏览器默认 window.applicationCache 属性的功能（奇怪的是，它在 Chrome for Linux 中对于所有版本（包括 Chrome 26）仍然可以正常工作）。当时，我logged a Chromium bug为此；但不幸的是，该错误报告仍列为“未确认”。

无论如何，我刚刚将我的应用程序从传统的“浏览器全局变量”（即通过脚本标签加载 *.js 文件；所有 JS 对象都是全局的）移植到 AMD 样式的模块，使用 require.js 作为模块加载器.

AMD（或 CommonJS）的好处之一是依赖注入，您的代码可以在其中获得对任何依赖对象的本地引用，而不是依赖全局引用，例如。

require(['foo'], function(Foo) {
  var bar = new Foo();
});

...这使得对象模拟变得容易，因为您可以配置模块加载器以在测试模式下为“foo”传递一个模拟对象。

我曾希望通过转向依赖注入，我可以解决我的 applicationCache 问题（因为传递到我的模块中的“窗口”引用可以是全局窗口对象或模拟对象）。

但是我不确定如何让 require.js 将“window”作为依赖项注入到我的模块中？

是否可以（可能使用shim config？）定义一个“窗口”模块；然后可以将其传递给对全局“窗口”对象进行操作的任何代码？这样我就可以做这样的事情：

require(['???'], function(window) {
  // 'window' here is the real window object, or for testing it's a mock window object
  window.applicationCache.update();
});

...在哪里'???'是一个引用窗口对象的模块名称。

或者我是否需要定义我自己的模块来导出“窗口”，例如，它可以为单元测试进行不同的映射。

// window.js
define(function() {
  return window;  // real global window object
});

// window-mock.js
define(function() {
  return {
    applicationCache: { /* mock version of appCache */ }
  }
});

// for unit testing, remap 'window' to the mock version
require.config({
  map: {
    "cache-controller": {
      "window": "window-mock"
    }
  }
});

// cache-controller.js
require(['window'], function(window) {
  window.applicationCache.update();
});

【问题讨论】：

标签： window mocking requirejs

【解决方案1】：

我回答了我自己的问题。我决定如上所述创建 window.js 和 window-mock.js 模块，这使我可以在运行单元测试时传递模拟版本，并在正常运行时使用“真实”窗口对象。

【讨论】：