工具提示不适用于角度分量测试(来自ngx-bootstrap)
问题描述:
我使用ng2-bootstrap中的TooltipModule,最近切换到了ngx-bootstrap。工具提示在我的应用程序中工作正常 - 没有问题。但是,在我的Angular组件测试中,当我导入以下内容:工具提示不适用于角度分量测试(来自ngx-bootstrap)
从'ngx-bootstrap'导入{TooltipModule};
,然后在测试床,导入以下:
TestBed.configureTestingModule({ 进口:[TooltipModule.forRoot(),
工具提示不会呈现我没有看到在开发者控制台中的提示。 。在我的浏览器元素标签 下当我使用NG2,引导进口为:
进口{} TooltipModule从“NG2的自举”;
一切正常鳍即我看到了呈现的工具提示。
这里有什么问题? Tooltip在我的应用程序中正常工作。只有在Angular测试中,我遇到了问题。为了使工具提示能够从ngx-bootstrap工作,我需要在测试中做不同或额外的工作吗?
答
这是我们做什么(测试是真的老了,但仍然工作)
it('tooltip should be displayed by focus event after 0 ms by default',
fakeAsync(() => {
const element: HTMLElement = fixture.debugElement.nativeElement;
const tooltipElement: any = element.querySelector('#test-tooltip1');
tooltipElement.focus();
fixture.detectChanges();
tick(0);
fixture.detectChanges();
expect(element.querySelector('.tooltip-inner')).not.toBeNull();
})
);
答
你必须导入进口 { TooltipModule } from 'ngx-bootstrap';
在你的相关模块如app.module
不在你的组件中,然后在你的模块导入数组中添加TooltipModule.forRoot()
。您可以在app.modules
组件中使用工具提示。
如果您使用的是延迟加载,然后将{ TooltipModule } from 'ngx-bootstrap';
添加到其他模块中。