我有一个要测试的react类,这个类在一开始就有这样的if check:
if (!(root instanceof window.HTMLElement)) {
throw new Error('No HTML element was supplied. );
}我试图用jsdom传入一个假元素,但它没有“欺骗”instanceof检查。
const doc = (new JSDOM()).window.document;
const root = doc.createElement("div");
const pizza = new Builder(root);
expect(pizza).toBeDefined();我已经查看了传入的内容
if (!(root instanceof window.HTMLElement)) {
console.log(Object.prototype.toString.call(root));
console.log(typeof window.HTMLElement)
console.log(typeof root)
throw new Error('No HTML element was supplied. );
}它看起来一点也不像window.HTMLElement:
console.log src/main.jsx:20
[object HTMLDivElement]
console.log src/main.jsx:21
function
console.log src/main.jsx:22
object我如何模拟window.HTMLElement以便测试这个类?
发布于 2020-09-23 20:28:00
您可以通过将它们指定为global的属性来模拟window的属性。在分配全局属性和使用全局属性创建元素之间,JSDOM的实例需要相同,否则HTMLElement的实例也将不同。为了绕过这一限制,我们将其引用为在beforeEach中设置的单个变量jsDomInstance,而不是实例化多个副本。
const { JSDOM } = require('jsdom')
const { instanceofCheck } = require('./instanceofCheck')
// const instanceofCheck = x => x instanceof window.HTMLElement
describe('JSDOM tests', () => {
let jsDomInstance
beforeEach(() => {
jsDomInstance = new JSDOM()
global.HTMLElement = jsDomInstance.window.HTMLElement
})
it('passes instanceof check', () => {
expect(
instanceofCheck(
jsDomInstance.window.document.createElement('div')
)
).toBe(true)
})
})https://stackoverflow.com/questions/64009631
复制相似问题