使用TypeScript進行Jest模擬

Question

我有這個簡單的測試文件：

describe('index', () => {
    it('should bootstrap the app', async () => {
        const root = <div />;
        jest.spyOn(ReactDOM, 'render');
        ...
        ReactDOM.render.mockImplementationOnce(() => {} );
        ...
        ReactDOM.render.mockRestore();
    } );
} );

我收到以下打字稿錯誤：“TS2339：屬性'mockImplementationOnce'在'Renderer'類型上不存在”

任何人都知道如何使TypeScript識別jest模擬方法？

Answer 1

您可以使用類型斷言來提示render為SpyInstance的typescript

const render = ReactDOM.render as any as SpyInstance;
render.mockImplementationOnce(() => { });
...

Answer 2

而不是使用的ReactDOM.render不具有正確的類型，使用的返回值jest.spyOn(ReactDOM, 'render')這是一個玩笑模擬功能（參見spyOn() DOC ），即與預期的類型TypeScript，包括mockImplementationOnce()和mockRestore() 。

const reactRenderMock = jest.spyOn(ReactDOM, 'render');
// ...
reactRenderMock.mockImplementationOnce(() => {} );
// ...
reactRenderMock.render.mockRestore();