角度测试：模拟基类答案

【问题标题】：Angular testing: Mock base class角度测试：模拟基类
【发布时间】：2021-03-22 16:41:30
【问题描述】：

我想测试扩展基类的某个组件。组件的测试应该与 BaseClass 隔离。

是否可以模拟使用的基类进行测试？我试图通过将它添加到提供程序覆盖来覆盖它，但它没有成功（仍然应用正常的基类）。

my-component.page.ts

import {Component, OnDestroy, OnInit} from '@angular/core';
import {MyBaseClass} from '../my-base-class';

@Component({
  selector: 'my-component',
  templateUrl: 'my-component.page.html',
  styleUrls: ['my-component.page.scss']
})
export class MyComponentPage extends MyBaseClass implements OnInit, OnDestroy {}

my.component.page.spec.ts

import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { MyComponentPage } from './my-component.page';

class MyBaseClassMock {}

describe('MyComponentPage', () => {
  let component: MyComponentPage;
  let fixture: ComponentFixture<MyComponentPage>;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [ MyComponentPage ],
      schemas: [CUSTOM_ELEMENTS_SCHEMA],
      providers: [{
          provide: MyBaseClass,
          useClass: MyBaseClassMock
        }]
    })
      .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(MyComponentPage);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });
});

有人知道如何在创建子实例之前模拟基类吗？任何帮助表示赞赏！

【问题讨论】：

TestBed 是模拟通过构造函数注入的东西并配置各种 Angular 模块； extends 是 just JavaScript，您不能从 TestBed 覆盖它。为什么要在测试中将类与其基类隔离？
好的，感谢您澄清这一点。我想隔离它，因为它的基类只是某种包含状态管理逻辑的助手（与任何测试无关）。组件本身应该在没有进一步依赖的情况下进行测试
那么您可能需要重新考虑基类是否是添加这些辅助方法的适当方式（例如，您可以通过 DI 注入的类）。基类是您的组件的一部分，将其与该组件隔离以进行测试是没有意义的。

标签： angular typescript mocking jasmine karma-runner

【解决方案1】：

这是不可能的，你也不想这样做。您还需要对“基”类进行单元测试（因为它是组件功能的组成部分，并且您还希望对此进行单元测试）。如果某些东西应该被隔离，那么它应该是该类的一个依赖项，并通过依赖项注入进行注入。

我们只模拟可注入的依赖项，这也是测试台的工作方式。所以请只模拟你的可注入依赖项。

【讨论】：