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

问题描述

我正在尝试使用 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'
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript jestjs jsdom jsdom