用 Jest 测试 TypeScript:“没有重载匹配这个调用”

Posted

技术标签:

【中文标题】用 Jest 测试 TypeScript:“没有重载匹配这个调用”【英文标题】:Testing TypeScript with Jest: "no overload matches this call" 【发布时间】:2020-09-13 11:57:02 【问题描述】:

我正在使用 Jest 测试 Apollo Server RESTDataSource。我的应用程序是用 TypeScript 编写的。我的类CDCDataSource 扩展了抽象类RESTDataSource,它本身扩展了抽象类DataSourceRESTDataSource 具有 get 方法,它允许您从外部 REST 数据源中提取数据。这是我希望模拟的方法,因为我希望模拟外部数据源。

  protected async get<TResult = any>(
    path: string,
    params?: URLSearchParamsInit,
    init?: RequestInit,
  ): Promise<TResult> 
    return this.fetch<TResult>(
      Object.assign( method: 'GET', path, params , init),
    );
  

但是,当我尝试使用 Jest 的 spyOn 模拟此方法时 - 遵循此处的第二个答案:Jest: How to mock one specific method of a class -

import CDCDataSource from '../CDCDataSource';

test('Test', () => 
    let dataSource = new CDCDataSource();
    let spy = jest.spyOn(dataSource, 'get').mockImplementation(() => 'Hello');
    expect(dataSource.get()).toBe('Hello');


但是,我收到 TypeScript 错误

TS2768:没有重载匹配此调用

getjest.spyOn(dataSource,'get')

我得到了

get

expect(dataSource.get()).toBe('Hello');

所以问题的一部分似乎是这是一个保护方法——我不清楚如何测试这个方法以便能够模拟 API。

我的tsconfig.json


  "compilerOptions": 
    "target": "ES6",
    "lib": [
      "esnext",
      "dom"
    ],
    "skipLibCheck": true,
    "outDir": "dist",
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "esModuleInterop": true,
    "module": "commonjs",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "sourceMap": true,
    "alwaysStrict": true,
  ,
  "exclude": [
    "node_modules"
  ]

这是一个 Node Apollo Server 项目(使用 Node 12.14.0 和 TypeScript 3.8.3)

感谢您提供任何线索!

【问题讨论】:

【参考方案1】:

您正在尝试访问protected 方法。

如果您不想或无法重新架构您的课程,您可以使用ts-ignore 来抑制错误。

    // @ts-ignore`
    let spy = jest.spyOn(dataSource, 'get').mockImplementation(() => 'Hello');

或者您可以扩展原始类,使用仅用于测试的类,该类将具有仅代理受保护方法的公共方法。

test('Protected method',()=>

  class Test extends OriginalClass 
    testProtected()
      super.protectedMethod()
    
  
  let dataSource = new Test();
  let spy = jest.spyOn(dataSource, 'testProtected').mockImplementation(() => 'Hello');
)

【讨论】:

编写测试时最好使用@ts-expect-error 我不能重新设计这个类,因为它不是我的——它来自 Apollo。我会按照代理的方法...

以上是关于用 Jest 测试 TypeScript:“没有重载匹配这个调用”的主要内容,如果未能解决你的问题,请参考以下文章

用 Jest 和 Typescript 模拟一个全局对象

用 Jest 测试 Vuejs 和 TypeScript 会导致错误“Property 'xxx' does not exist on type 'CombinedVueInstance'

使用 React、Typescript 和 ES6 进行 Jest 测试

如何使用 vscode 设置 jest typescript 测试以在调试模式下运行

使用Jest测试原生TypeScript项目

使用 .ts 文件 (TypeScript) 配置 Jest 全局测试设置