如何解决使用 JSDOM 加载时需要 DOM 的测试模块
我已经导入了它并创建了一个新的 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 举报,一经查实,本站将立刻删除。