将 Typescript 与 Jest 一起使用时如何测试超级调用?

Posted

技术标签:

【中文标题】将 Typescript 与 Jest 一起使用时如何测试超级调用?【英文标题】:How do I test super calls when using Typescript with Jest? 【发布时间】:2019-05-25 14:17:07 【问题描述】:

假设我有一个结构如下的类:

// Some class that calls super.get() and adds an additional param
export default class ClassB extends ClassA 
   private foo: string;

   constructor(params) 
      super(params);
      this.foo = 'bar';
   

   public async get(params?:  [key: string]: any ): Promise<any> 
      return super.get(
         foo: this.foo,
         ...params,
      );
   

我想测试是否使用提供的参数以及附加的 foo: 'bar' 调用了 super.get()。

import ClassA from '../../src/ClassA';
import ClassB from '../../src/ClassB';

jest.mock('../../src/ClassA');
jest.unmock('../../src/ClassB');

describe('ClassB', () => 
   describe('get', () => 
      beforeAll(() => 
        // I've tried mock implementation on classA here but didn't have much luck
        // due to the extending not working as expected 
      );
      it('should get with ClassA', async () => 
         const classB = new ClassB();
         const response = await classB.get(
           bam: 'boozled',
         );
         // Check if classA fetch mock called with params?
      );
   );
);

如何检查 classA.fetch 是否实际上是使用我期望的参数调用的?

我做错了什么吗?

感谢您的帮助!

【问题讨论】:

【参考方案1】:

您可以通过监视扩展类的prototype 来完成此操作,如下所示:

const classASpy = jest.spyOn(ClassA.prototype, 'get');
classB.get(param)
expect(classASpy).toHaveBeenCalledWith(param);

希望对你有帮助!

【讨论】:

为了保持干净,您还应该在测试后致电classASpy.mockClear(); 如何验证构造函数? 什么意思?,要测试构造函数,你应该创建一个新的类实例,这个答案可能对你有帮助***.com/questions/48219267/…

以上是关于将 Typescript 与 Jest 一起使用时如何测试超级调用?的主要内容,如果未能解决你的问题,请参考以下文章

如何在没有冲突的情况下将 Mocha 和 Jest 与 TypeScript 一起使用?

让断点与 jest、Visual Studio 代码和自定义 typescript 转换器一起工作

Jest 和 Enzyme 的问题

将 web3.js 与 Jest 一起使用时出错

将 jest 与 web3 和 ganache 一起使用时测试很慢

将 Jest 与 Nuxt 组件一起使用时无法读取未定义的属性 $loading