Angular 2单元测试错误：无法解析所有参数DecoratorFactory：（？）

Question

我想测试一个具有一些依赖项的简单组件。因此，除其他外，我必须提供一些提供者 describe('AccountLookupComponent', () => { 让组件：AccountLookupComponent； 让夹具：ComponentFixtureenter code here;

    beforeEach(async(() => {
        TestBed.configureTestingModule({
            declarations: [
                TestComponentWrapper,
                AccountLookupComponent
            ],
            schemas: [CUSTOM_ELEMENTS_SCHEMA],
            imports: [HttpModule],
            providers: [AccountLookupService, AuthHttp, AuthenticationService, AdalService, AdfsSecretService, CookieService, NgModule,
                { provide: 'IAccountLookupClient', useClass: AccountLookupClient },
                { provide: 'IApiClient', useClass: ApiClient },
                { provide: 'ITimeoutService', useClass: TimeoutService },

            ]

        })
            .compileComponents();

        fixture = TestBed.createComponent(TestComponentWrapper);
        component = fixture.debugElement.children[0].componentInstance;
        fixture.detectChanges();
    }));

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

@Component({
    selector: 'test-component-wrapper',
    template: `<account-lookup filterCurrentAccount="true"
                                [useAccountIdSearch]="true"
                                [useCompactResults]="true"
                                (accountSelected)="null"
                                placeholder="Find account">
                </account-lookup>`,

})
class TestComponentWrapper {


}

Answer 1

从providers 数组中删除NgModule。它是装饰器。您不应该将其用作令牌。

export function makeDecorator(
    name: string, props?: (...args: any[]) => any, parentClass?: any,
    chainFn?: (fn: Function) => void): (...args: any[]) => (cls: any) => any {
  const metaCtor = makeMetadataCtor(props);

  function DecoratorFactory(objOrType: any): (cls: any) => any { // => here is your provider

Answer 2

使用提供者测试组件有两种方法

1.注入真正的服务。

2。使用测试替身（存根、伪造、间谍或模拟）。

第一种方法 组件不必注入真正的服务，但您可以执行类似该示例的操作：

TestBed.configureTestingModule({
  declarations: [ ExampleComponent ],
  providers:    [ ExampleService ]]
});

另一种方法是使用存根示例：

TestBed.configureTestingModule({
   declarations: [ ExampleComponent ],
   // Provide a test-double instead
   providers:    [ {provide: ExampleService, useValue: exampleServiceStub }]
});

// UserService from the root injector
exampleService = TestBed.get(ExampleService);