工具提示不适用于角度分量测试（来自ngx-bootstrap）

我使用ng2-bootstrap中的TooltipModule，最近切换到了ngx-bootstrap。工具提示在我的应用程序中工作正常 - 没有问题。但是，在我的Angular组件测试中，当我导入以下内容：工具提示不适用于角度分量测试（来自ngx-bootstrap）

从'ngx-bootstrap'导入{TooltipModule};

，然后在测试床，导入以下：

TestBed.configureTestingModule（{ 进口：[TooltipModule.forRoot（），

工具提示不会呈现我没有看到在开发者控制台中的提示。。在我的浏览器元素标签下当我使用NG2，引导进口为：

进口{} TooltipModule从“NG2的自举”;

一切正常鳍即我看到了呈现的工具提示。

这里有什么问题？ Tooltip在我的应用程序中正常工作。只有在Angular测试中，我遇到了问题。为了使工具提示能够从ngx-bootstrap工作，我需要在测试中做不同或额外的工作吗？

来源

2017-10-01 user1892775

这是我们做什么（测试是真的老了，但仍然工作）

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(); 
}) 
);

全样本可以在这里找到：https://github.com/valor-software/ngx-bootstrap/blob/31c5f62a48560d4372f0043241829a27e5f3deb6/src/spec/tooltip.directive.spec.ts#L66-L77

来源

2017-10-03 14:04:12 valorkin

你必须导入进口 { TooltipModule } from 'ngx-bootstrap';

在你的相关模块如app.module不在你的组件中，然后在你的模块导入数组中添加TooltipModule.forRoot()。您可以在app.modules组件中使用工具提示。

如果您使用的是延迟加载，然后将{ TooltipModule } from 'ngx-bootstrap';添加到其他模块中。

来源

2017-12-08 04:42:16

工具提示不适用于角度分量测试（来自ngx-bootstrap）

回答

相关问题