angular - 如何在测试中模拟 angular 5 中的 js 导入？

Question

我正在尝试为使用 js 导入的 Angular 5 应用程序编写测试，我一直在进行研究，但我看不出如何模拟 js 导入。在测试中，我只想检查是否已使用 spyOn 调用了 bar() 方法，但不知道如何执行此操作。

import {foo} from 'fooProject';

export class Component {
 constructor(){}

 trigger() {
  foo.bar();
 }
}

Answer 1

一个选项是您可以为 foo 创建工厂方法，然后在模块的提供程序中注册该工厂。然后，在您的单元测试中，您可以注入(inject)任何您想要的东西并伪造成员。

import {foo} from 'fooProject';

export function fooFactory(): any {
    return foo;
}

@NgModule({
    providers: [{ provide: 'Foo', useFactory: fooFactory }]
})
export class YourModule { }

import { Inject, Component } from '@angular/core';

export class YourComponent {
 constructor(@Inject('Foo') private foo:any){}

 trigger() {
  this.foo.bar();
 }
}