angular - ngx-translate 如何测试组件

Question

我有一个使用这个库的应用程序。我如何用它测试组件？我不想测试图书馆。我只需要开始测试我的组件，而不会出现关于 TranslateModule、TranslateService、TranslateStore 的多个错误...直到我在编译时遇到错误。

是否有一种简单的方法可以使用这种依赖项来运行我的测试？

再一次，我不想测试这个库(检查字符串是否被翻译)我需要在依赖这个库的组件上运行测试。

Answer 1

对我来说，ngx-translate-testing 效果很好 https://www.npmjs.com/package/ngx-translate-testing

首先

import { TranslateTestingModule } from 'ngx-translate-testing';

然后

  imports: [
    ...
    TranslateTestingModule.withTranslations({ en: require('src/assets/i18n/en.json'), de: require('src/assets/i18n/de.json') })
  ], 

然后测试

  it('should render german title', inject([TranslateService], (translateService: TranslateService) => {
    translateService.setDefaultLang('de');
    const fixture = TestBed.createComponent(AppComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
    expect(compiled.querySelector('.title').textContent).toContain('GERMANTITLE');
  }));