我正在使用来自 ng2-bootstrap 的 TooltipModule，最近切换到 ngx-bootstrap。工具提示在我的应用程序中运行良好 - 没有问题。但是，在我的 Angular 组件测试中，当我导入以下内容时：
import { TooltipModule } from 'ngx-bootstrap';
然后在 TestBed 中，导入以下内容：
TestBed.configureTestingModule({imports: [TooltipModule.forRoot(),
不呈现工具提示。我在浏览器的元素选项卡下的开发控制台中看不到工具提示。当我使用从 ng2-bootstrap 导入时：
import { TooltipModule } from 'ng2-bootstrap';
一切正常。我看到呈现的工具提示。
这里有什么问题？工具提示在我的应用程序中运行良好。仅在 Angular 测试中，我遇到了问题。我是否需要在测试中做任何不同或额外的事情才能使工具提示在 ngx-bootstrap 中工作？
你必须导入导入
{ TooltipModule } from 'ngx-bootstrap';
在您的相关模块中，app.module而不是在您的组件中，然后在您的模块中导入数组添加TooltipModule.forRoot()。
就是这样，您现在可以在app.modules组件中使用工具提示。
如果您使用延迟加载，请将{ TooltipModule } from '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();
})
);