如何使用 angular-spectator 测试嵌套依赖项

Question

我有一个 Angular 组件正在使用依赖于另一个服务 (service2) 的服务 (service1)。

我该如何测试呢？我想模拟这两种服务。

export class service2 {
    public someFunction() {}

    constructor() {}
}


export class service1 {
    public somOtherFunction() {}
    constructor(s: Service2) {
         this.s.someFunction();
    }
}

@Component({
    selector: 'component',
    providers: [Service1],

 })
 export class component {
    constructor(private service:Service1) {
        this.service.someOtherFunction();
    }
 }   

我的测试平台是这样的。

describe('component', () => { 
    let component: Spectator<component>;
    const createComponent = createComponentFactory();

    beforeEach(() => component = createComponent());

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

相当标准，但我无法弄清楚如何模拟这些服务。 谁能帮忙？？

Answer 1

更新

根据我们是在组件级别还是模块级别提供服务，我们可以通过componentProviders: [] 或providers:[] 覆盖并基本上模拟它们

尝试以下方法：

class MockedService1 {

  someOtherFunction() {
    return 'Some stubbed values';
  }
}

const createComponent = createComponentFactory({
  component: YourComponentUnderTest,
  componentProviders: [
    { provide: Service1, useClass: MockedService1 },
    // { provide: Service2, useClass: Service2 }
  ],
  imports: []
});

如果依赖层次是Component -> Service1 -> Service2，当我们模拟Service1时，我们不应该模拟Service2。