避免使用mocked typescript导入

Question

我正在导入一个模拟函数,但由于Typescript似乎不知道Jest将导入更改为模拟,我必须先导入导入的函数,然后再使用模拟方法等mockReturnValue.

jest.mock('../myImport');
import { thisFunctionIsMocked } from '../myImport'

/* ... */

(<Mock<any>>thisFunctionIsMocked).mockReturnValue(42);

如果我不转换导入,Typescript声称mock函数方法不存在.有一个更好的方法吗？

Answer 1

我一直在寻找相同的。不幸的是，关于如何处理这个问题似乎并不多。然而，一些替代方案。

1）您已经在做的事情的语法略有不同：

(thisFunctionIsMocked as jest.Mock).mockReturnValue(42);

2）require改为使用并投射到那里：

const thisFunctionIsMocked = require('../myImport') as jest.Mock;

更新：

ts-jest现在有一个可以使用的mocked助手。引用模拟导入时仍然需要使用它，但这意味着原始源的类型签名不会丢失：

import { mocked } from 'ts-jest/utils';

test('direct', () => {
  foo.name();
  expect(mocked(foo.name).mock.calls).toHaveLength(1);
});

Answer 2

可以使用模块扩充，但如果像这样导出函数则不能使用：

export function thisFunctionIsMocked() { .... }

这是因为您只能添加类型，而不能更改现有类型。
但如果你像这样导出：

export interface MyMockedFunction {
    (): void;
}

export const thisFunctionIsMocked = function() { ... } as MyMockedFunction;

然后你应该能够增强它：

jest.mock('../myImport');
import { thisFunctionIsMocked } from '../myImport'

declare module "../myImport" {
    interface MyMockedFunction {
        mockReturnValue(value: number): any;
    }
}

thisFunctionIsMocked.mockReturnValue(42);