17
  1. 我有一个使用 window.applicationCache 进行离线访问的 Web 应用程序。
  2. 我所有管理 appCache 的代码（例如检查/更新/交换缓存）都被封装到一个“缓存控制器”对象中。

  3. 我有单元测试来测试我的“缓存控制器”功能。为了测试，我暂时用我自己的模拟版本替换了本机 window.applicationCache 对象（因为我只想测试我的代码，而不是浏览器的 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）仍然可以正常工作）。当时，我为此记录了一个 Chromium 错误；但不幸的是，该错误报告仍被列为“未确认”。

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

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

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

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

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

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

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

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();
});
4

1 回答 1

6

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

于 2013-03-08T07:28:43.443 回答