Question

I m written Angular app with @ngx-translate Depend so I configuised Pack under doc:

app.module.ts

import { BrowserAnimationsModule } from  @angular/platform-browser/animations ;
import { BrowserModule } from  @angular/platform-browser ;
import { HttpClient, HttpClientModule } from  @angular/common/http ;
import { NgModule } from  @angular/core ;

import { TranslateHttpLoader } from  @ngx-translate/http-loader ;
import { TranslateModule, TranslateLoader } from  @ngx-translate/core ;

import { AppComponent } from  ./main ;

export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http,  assets/i18n/ ,  .json );
}

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    HttpClientModule,
    TranslateModule.forRoot({
      defaultLanguage:  en ,
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient],
      },
    }),
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}

接着,我的《防雷法》涵盖了拉波特,我应测试Http LoaderFactory。

I am wondering how can I do this? Code on stackblitz

Answer 1

We can create a separate describe block, which is just plain jasmine unit testing for this function, to cover this function, we can use the below code.

首先,我们进口整个包件<代码>@ngx-translate/http-loader,作为translateA,然后我们使用<代码>spyOnProperty到间谍在<代码>TranslateHttpLoader上,最后,如果我们发出呼吁,那就足以涵盖这一法典!

import * as translateApi from  @ngx-translate/http-loader ;
...

...
describe( should cover HttpLoaderFactory , () => {
  it( should initialize TranslateHttpLoader with params , () => {
    const spy = spyOnProperty<any>(
      translateApi,
       TranslateHttpLoader 
    ).and.callThrough();
    HttpLoaderFactory({} as any);
    expect(spy).toHaveBeenCalled();
  });
});

>>>>>>>>>>>>>>>> Stackblitz Demo

友情链接