Karma 测试失败：TypeError: this.cardManagementService.getLabelList(...).replace is not a function

Question

我收到 Karma 错误：

TypeError: this.cardManagementService.getLabelList(...).replace 是 不是函数

请检查我在 TS 和 Spec 文件中的代码。我想我在为 CardManagementService 编写 usevalue 时犯了一些错误。

在 TS 文件中我有以下代码：

 setCardManagementLabels(): void {
        this.cardManagementLabels.cardNumber = this.cardManagementService.getLabelList('PROFILE.CARDMGMTTAB.CARDNUM');
    
 .---Some code here --- 
    this.cardManagementService.getLabelList('PROFILE.CARDMGMTTAB.SUSPENDMESSAGENOCOVERAGE')
            .replace('{suspended}', 'suspended').replace('{suspended}', 'suspended')....................}}

对于规范文件，我有这个：

providers: [ ........{provide: CardManagementService, useValue: {getLabelList: () => of([]), getEventV: () => of([])} },......]

    fit('should test setCardManagementLabels method for suspend and no coverage reason', () => {
          component.cardStatus = 'Suspended';
          component.debitCardSuspendClosedReason = 'NO_COVERAGE';
          component.setCardManagementLabels();
         });

Answer 1

如果您在测试的providers 中使用useValue，则需要提供一个模拟实例，该实例具有涵盖代码中的方法。由于of([])在测试中由getLabelList()返回，所以没有任何方法称为replace。

我假设this.cardManagementService.getLabelList() 在原始代码中返回一个字符串，所以在你的情况下useValue: {getLabelList: () => "a string mocked string" 可以是一个很好的起点。