import { ComponentFixture, TestBed } from "@angular/core/testing"; import { Component } from "@angular/core"; import { TranslateCompiler, TranslateLoader, TranslateModule } from "@ngx-translate/core"; import { HttpClient, HttpClientModule } from "@angular/common/http"; import { httpLoaderFactory } from "../app.module"; import { TranslateMessageFormatCompiler } from "ngx-translate-messageformat-compiler"; import { RelativeDurationPipe } from "./relative-duration-pipe"; @Component({ template: `<p>{{ date | relativeDuration }}</p>`, }) class TestRelativeDurationComponent { public date = new Date().toString(); } describe("RelativeDurationPipe", () => { let component: TestRelativeDurationComponent; let fixture: ComponentFixture<TestRelativeDurationComponent>; beforeEach(async () => { await TestBed.configureTestingModule({ declarations: [TestRelativeDurationComponent, RelativeDurationPipe], imports: [ HttpClientModule, TranslateModule.forRoot({ loader: { provide: TranslateLoader, useFactory: httpLoaderFactory, deps: [HttpClient], }, compiler: { provide: TranslateCompiler, useClass: TranslateMessageFormatCompiler, }, }), ], }).compileComponents(); fixture = TestBed.createComponent(TestRelativeDurationComponent); component = fixture.componentInstance; fixture.detectChanges(); }); it("should create", () => { expect(component).toBeTruthy(); }); });