Question

我正在编写一些与document对象相关的实用程序。

假设我正在编写一个使用document浏览器对象的。

// utils.js
export function myFn(callback) {
  document.addEventListener(callback);  
}

我的测试文件如下：

// utils.test.js
import test from "ava";
import { JSDOM } from "jsdom";
import sinon from "sinon";
import { myFn } from "./utils";

let dom, document;

test.beforeEach(() => {
  dom = new JSDOM();
  document = dom.window.document;
});

test("it calls the callback when document is ready", t => {
  let fakeCb = sinon.spy();
  myFn(fakeCb);
  t.true(fakeCb.called);
});

运行此测试后，我收到一个ReferenceError，提示“未定义文档”，这很有意义。

我的问题是：要使我的测试中的document变量在被测函数中使用，哪种方法好？

如果我向其传递一个document参数，此函数将起作用，但这是一个丑陋的解决方案。

Answer 1

Node.js通过global提供对全局名称空间的访问。

在document上设置global，它将在您的代码中可用：

// utils.test.js
import test from "ava";
import { JSDOM } from "jsdom";
import sinon from "sinon";
import { myFn } from "./utils";

test.beforeEach(() => {
  global.document = new JSDOM().window.document;
});

test("it calls the callback when document is ready", t => {
  // ...
});

JSDOM + Ava –依赖于`document`全局的测试功能

1 个答案: