Jest - 模擬窗口或文檔對象

Question

如何用Jest模擬（然後測試）窗口或文檔對象？特別是當它嵌套函數可能還沒有定義在你正在測試的文件中時

const foo = (payload) => { 
    window.webkit.messageHandlers.execute.postMessage(payload) 
    return true 
} 

// Jest: TypeError: Cannot read property 'messageHandlers' of undefined' 

同樣，你會如何模擬document.location？例如。

const bar = (nonce, payload) => { 
    document.location = 'native://somefeature/send?nonce=' + nonce + '&payload=' + payload 
    return true 
} 

我要去的方向：

describe('foo',() => { 
    it('posts a message',() => { 
    const payload = 'payload' 
    window.webkit.messageHandlers.execute.postMessage = jest.fn() 
    let result = foo(payload) 
    expect(window.webkit.messageHandlers.execute.postMessage).toHaveBeenCalledWith(payload) 
    })  
}) 

我猜你會做document.location =類似的東西。但是，當然這太容易了，而且不起作用。

Answer 1

如果你還沒有找到答案已經，您應該可以嘲笑它：

postMessageMock = jest.fn(); 
    Object.defineProperty(window, 'webkit', { 
    value: { messageHandlers: { execute: { postMessage: postMessageMock } } }, 
    });