JestJS TypeScript：类型上不存在模拟实现

Question

我正在使用 TypeScript 学习 Jest，但遇到以下类型错误：

Property 'mockImplementation' does not exist on type '() => Element'.

代码：

Property 'mockImplementation' does not exist on type '() => Element'.

我尝试过强制转换any，但这似乎无法解决问题：

Home.mockImplementation((): any => <div>HomePageMock</div>)

有任何想法吗？

TIA

Answer 1

您可以使用类似const MockedTheClass = TheClass as jest.Mock<TheClass>.

例子：

import { TheClass } from "the-module";
jest.mock("the-module");
const MockedTheClass = TheClass as jest.Mock<TheClass>;

describe("something", () => {
  beforeEach(() => {
    // No error here (except if your implementation does not match the spec of `TheClass`)
    MockedTheClass.mockImplementation(() => {
      // ... implementation
    });
  });

  // ... tests
});

来源：https ://klzns.github.io/how-to-use-type-script-and-jest-mocks