Question

我想测试扩展基本类的某个组件。组件的测试应与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();
  });
});

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

Answer 1

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

我们只模拟可注入的依赖项，这也是测试床的工作原理。所以请只模拟您的可注入依赖项。

角度测试：模拟基础类

1 个答案: