javascript - 使用 JSDOM 加载需要 DOM 的测试模块

Question

我正在尝试使用 JSDOM 测试文件的功能。

我已经导入它并创建了一个新的 JSDOM 类，但是每次我去运行它时，各种选择器都返回 null。这是因为模块在加载时会尝试查找元素，但此时 JSDOM 不存在。

有没有办法加载模块，以便它看到窗口和文档的 JSDOM 模拟，同时仍然可以访问被调用？

测试文件：

import { JSDOM } from 'jest';
import { myFunction } from './myFile';

const dom = new JSDOM(`<someDOMStructure`);
  const { window } = dom;
  global.window = window;
  global.document = window.document;

it('does something', () => {
  const results = myFunction('input'); // 
  expect(results).toEqual('expected');
});

要测试的文件：

const element = document.getElementById('id'); // needs to be outside exported function

export function myFunction(input) {
  element.classList.add(input); // element is null because JSDOM didn't exist when it was called, so this errors
  return 'expected'
}

标签： javascriptjestjsjsdom