用L10nTranslate实现Angular测试

要使用L10nTranslate实现Angular测试，可以按照以下步骤进行操作：

1. 安装必要的依赖项：

   npm install @ngx-translate/core @ngx-translate/http-loader --save-dev
   

2. 在app.module.ts文件中导入相关模块和服务：

   import { BrowserModule } from '@angular/platform-browser';
   import { NgModule } from '@angular/core';
   import { HttpClientModule, HttpClient } from '@angular/common/http';
   import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
   import { TranslateHttpLoader } from '@ngx-translate/http-loader';
   import { L10nTranslationModule, L10nTranslationService, L10nLoader } from 'angular-l10n';
   
   export function HttpLoaderFactory(http: HttpClient) {
     return new TranslateHttpLoader(http);
   }
   
   @NgModule({
     declarations: [
       // ...
     ],
     imports: [
       BrowserModule,
       HttpClientModule,
       L10nTranslationModule.forRoot(),
       TranslateModule.forRoot({
         loader: {
           provide: TranslateLoader,
           useFactory: HttpLoaderFactory,
           deps: [HttpClient]
         }
       })
     ],
     providers: [],
     bootstrap: [AppComponent]
   })
   export class AppModule {
     constructor(public l10nLoader: L10nLoader, private translation: L10nTranslationService) {
       this.l10nLoader.load();
       this.translation.init();
     }
   }
   

3. 创建一个测试用例，并导入相关模块和服务：

   import { TestBed, async } from '@angular/core/testing';
   import { AppComponent } from './app.component';
   import { TranslateModule, TranslateService } from '@ngx-translate/core';
   import { L10nTranslationService, L10nLoader, L10nConfig } from 'angular-l10n';
   
   describe('AppComponent', () => {
     beforeEach(async(() => {
       TestBed.configureTestingModule({
         declarations: [
           AppComponent
         ],
         imports: [
           TranslateModule.forRoot(),
           L10nTranslationModule.forRoot({
             translationProvider: L10nTranslationService,
             translationOptions: {
               defaultLocale: {
                 languageCode: 'en-US'
               },
               locale: {
                 languageCode: 'en-US'
               },
               translationData: [
                 { languageCode: 'en-US', data: require('../assets/i18n/en-US.json') },
                 { languageCode: 'zh-CN', data: require('../assets/i18n/zh-CN.json') }
               ]
             }
           })
         ],
         providers: [L10nTranslationService]
       }).compileComponents();
     }));
   
     it('should create the app', async(() => {
       const fixture = TestBed.createComponent(AppComponent);
       const app = fixture.debugElement.componentInstance;
       expect(app).toBeTruthy();
     }));
   });
   

4. 编写测试用例时，使用TranslateService和L10nTranslationService来设置和获取翻译文本：

   import { TranslateService } from '@ngx-translate/core';
   import { L10nTranslationService } from 'angular-l10n';
   
   // ...
   constructor(private translate: TranslateService, private translation: L10nTranslationService) {
     this.translate.setDefaultLang('en-US');
     this.translate.use('en-US');
     this.translation.onChange().subscribe(() => {
       this.translate.use(this.translation.getCurrentLocale().languageCode);
     });
   }
   
   getTranslation(key: string): string {
     let translation = '';
     this.translate.get(key).subscribe((res: string) => {
       translation = res;
     });
     return translation;
   }
   

这样，你就可以使用L10nTranslate实现Angular测试了。注意，在实际应用中，你需要根据你的具体需求来设置默认语言、导入翻译数据等。