私はネストされたコンポーネントでツールチップとモーダルを使用しています。スペックファイルでは、テストモジュールにNgbModule.forRoot()
をインポートします。テストを失敗させるコンポーネントでNgbModule.forRoot()を使用する
これはこの1つの成分を除いてどこでも動作するようだ、と私はこのインポートを追加した場合、私のユニットテストの多くは突然このエラーで失敗し始める:
TypeError: this._unregisterListenersFn is not a function
at NgbTooltip.ngOnDestroy
私は束ねるために角度CLIを使用しています/テスト。
これは私のテストに合格しなかった唯一のコンポーネントです。
また、Tooltip/Modalモジュールを別々にインポートしてみましたが、関連するプロバイダを別々にインポートしようとしましたが、上記のエラーが発生しています。 forRoot()
なしで試してみると、DIエラーが出ます。
私は問題が何かを知りません。ここで
はspecファイルです:
/* tslint:disable:no-unused-variable */
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { DebugElement } from '@angular/core';
import { APP_BASE_HREF } from '@angular/common';
import { RouterTestingModule } from '@angular/router/testing';
import { NgbModule, NgbTooltipModule, NgbTooltipConfig, NgbModalModule } from '@ng-bootstrap/ng-bootstrap';
import { NgbModalStack } from '@ng-bootstrap/ng-bootstrap/modal/modal-stack';
import { ListItemComponent } from './list-item.component';
import { VideoPlayerService } from '../../../video-player';
import { CalendarRoutingService } from '../../calendar-routing.service';
describe('ListItemComponent',() => {
let component: ListItemComponent;
let fixture: ComponentFixture<ListItemComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [
ListItemComponent
],
imports: [RouterTestingModule, NgbModule.forRoot()],
providers: [
VideoPlayerService,
CalendarRoutingService,
// NgbModalStack,
// NgbTooltipConfig
]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(ListItemComponent);
component = fixture.componentInstance;
component.item = { records: [] };
fixture.detectChanges();
});
it('should create',() => {
expect(component).toBeTruthy();
});
});