使用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();