How to use the ngx-bootstrap/popover.PopoverModule.forRoot function in ngx-bootstrap

}

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    BrowserAnimationsModule,
    appRoutes,
    ClipboardModule,
    JwBootstrapSwitchNg2Module,
    TooltipModule.forRoot(),
    ToastrModule.forRoot(),
    ModalModule.forRoot(),
    CollapseModule.forRoot(),
    PopoverModule.forRoot(),
    BsDropdownModule.forRoot(),
    SlimLoadingBarModule.forRoot(),
    BsDatepickerModule.forRoot(),
    YagaModule
  ],
  declarations: [AppComponent,
    LoginComponent,
    ShareLoginComponent,
    GalleryComponent,
    FacesComponent,
    // misc
    FrameComponent,
    LanguageComponent,
    // Gallery
    GalleryLightboxMediaComponent,
    GalleryPhotoLoadingComponent,

describe('SelectComponent', () => {
  let component: SelectComponent;
  let fixture: ComponentFixture;

  const selectOption = (filter: string) => {
    component.filter.setValue(filter);
    component.updateFilter();
    component.selectOption();
  };

  configureTestBed({
    declarations: [SelectComponent],
    imports: [PopoverModule.forRoot(), TooltipModule, ReactiveFormsModule],
    providers: i18nProviders
  });

  beforeEach(() => {
    fixture = TestBed.createComponent(SelectComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
    component.options = [
      { name: 'option1', description: '', selected: false, enabled: true },
      { name: 'option2', description: '', selected: false, enabled: true },
      { name: 'option3', description: '', selected: false, enabled: true }
    ];
  });

  it('should create', () => {
    expect(component).toBeTruthy();

import { PopoverModule } from 'ngx-bootstrap/popover';
import { TooltipModule } from 'ngx-bootstrap/tooltip';

import { UiModule } from '../ui/ui.module';
import { EvictionGraphsComponent } from './eviction-graphs.component';
import { GraphTooltipsComponent } from './graph-tooltips/graph-tooltips.component';
import { GraphEmbedComponent } from './graph-embed/graph-embed.component';

@NgModule({
  exports: [ EvictionGraphsComponent, GraphTooltipsComponent, GraphEmbedComponent ],
  imports: [
    CommonModule,
    UiModule,
    GraphModule.forRoot(),
    TranslateModule,
    PopoverModule.forRoot(),
    TooltipModule.forRoot()
  ],
  declarations: [
    EvictionGraphsComponent, GraphTooltipsComponent, GraphEmbedComponent
  ],
  entryComponents: [ GraphEmbedComponent ]
})
export class EvictionGraphsModule { }

TestBed.configureTestingModule({
            imports: [
                HttpClientModule,
                FormsModule,
                RouterTestingModule,
                TranslateModule.forRoot({
                    loader: {
                        provide: TranslateLoader,
                        useClass: TranslateLanguageLoader
                    }
                }),
                NgxDatatableModule,
                OAuthModule.forRoot(),
                ToastaModule.forRoot(),
                TooltipModule.forRoot(),
                PopoverModule.forRoot(),
                ModalModule.forRoot()
            ],
            declarations: [
                AppComponent,
                LoginComponent,
                NotificationsViewerComponent
            ],
            providers: [
                AuthService,
                AlertService,
                ConfigurationService,
                ThemeManager,
                AppTitleService,
                AppTranslationService,
                NotificationService,
                NotificationEndpoint,

import { RankingPanelComponent } from './ranking-panel/ranking-panel.component';
import { RankingService } from './ranking.service';
import { UiModule } from '../ui/ui.module';

export class RankingConfig {
  cityUrl: string;
  stateUrl: string;
}

@NgModule({
  imports: [
    CommonModule,
    RouterModule,
    UiModule,
    TranslateModule,
    PopoverModule.forRoot()
  ],
  declarations: [
    RankingToolComponent,
    RankingUiComponent,
    RankingListComponent,
    RankingPanelComponent
  ]
})
export class RankingModule {
  static forRoot(config: RankingConfig): ModuleWithProviders {
    return {
      ngModule: RankingModule,
      providers: [RankingService, {provide: 'config', useValue: config}]
    };
  }
}

name: 'my-space-apr24-4-43',
      path: '/user/my-space-apr24-4-43',
      space: {
        id: 'c814a58b-6220-4670-80cf-a2196899a59d',
        attributes: {
          'created-at': '2018-04-24T11:15:59.164872Z',
          description: '',
          name: 'my-space-apr24-4-43',
          'updated-at': '2018-04-24T11:15:59.164872Z',
          version: 0,
        },
      },
    };

    TestBed.configureTestingModule({
      imports: [FormsModule, ModalModule.forRoot(), PopoverModule.forRoot()],
      declarations: [AddAppOverlayComponent],
      providers: [
        { provide: PipelinesService, useClass: MockPipelinesService },
        { provide: DependencyCheckService, useValue: mockDependencyCheckService },
        PopoverConfig,
        { provide: Broadcaster, useValue: new BroadcasterTestProvider() },
        { provide: Router, useValue: mockRouter },
        { provide: SpaceTemplateService, useValue: mockSpaceTemplateService },
        { provide: SpaceService, useValue: mockSpaceService },
        { provide: Notifications, useValue: mockNotifications },
        { provide: UserService, useValue: mockUserService },
        { provide: SpaceNamespaceService, useValue: mockSpaceNamespaceService },
        { provide: SpacesService, useValue: mockSpacesService },
        { provide: ContextService, useClass: MockContextService },
        { provide: Logger, useValue: mockLogger },
        { provide: ErrorHandler, useValue: mockErrorHandler },

beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        ActionModule,
        BsDropdownModule.forRoot(),
        BrowserAnimationsModule,
        FormsModule,
        PopoverModule.forRoot(),
        SearchHighlightPipeModule,
        TooltipModule.forRoot(),
        TruncatePipeModule
      ],
      declarations: [
        ToolbarComponent, FilterFieldsComponent,
        FilterResultsComponent, SortComponent
      ],
      providers: [BsDropdownConfig, TooltipConfig]
    })
      .compileComponents()
      .then(() => {
        fixture = TestBed.createComponent(ToolbarComponent);
        comp = fixture.componentInstance;
        comp.config = config;
        fixture.detectChanges();

import { FeatureFlagModule } from 'ngx-feature-flag';
import { AlmEditableModule, AlmIconModule, InfiniteScrollModule } from 'ngx-widgets';
import { AddCollaboratorsDialogModule } from '../../space/settings/collaborators/add-collaborators-dialog/add-collaborators-dialog.module';
import { EditSpaceDescriptionWidgetComponent } from './edit-space-description-widget.component';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    AlmIconModule,
    AlmEditableModule,
    AddCollaboratorsDialogModule,
    Fabric8WitModule,
    FeatureFlagModule,
    ModalModule.forRoot(),
    PopoverModule.forRoot(),
    InfiniteScrollModule,
    RouterModule
  ],
  declarations: [EditSpaceDescriptionWidgetComponent],
  exports: [EditSpaceDescriptionWidgetComponent]
})
export class EditSpaceDescriptionWidgetModule { }

beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        BsDropdownModule.forRoot(),
        BrowserAnimationsModule,
        FormsModule,
        PopoverModule.forRoot(),
        SearchHighlightPipeModule,
        TooltipModule.forRoot(),
        TruncatePipeModule
      ],
      declarations: [FilterComponent, FilterFieldsComponent, FilterResultsComponent],
      providers: [BsDropdownConfig, TooltipConfig]
    })
      .compileComponents()
      .then(() => {
        fixture = TestBed.createComponent(FilterComponent);
        comp = fixture.componentInstance;
        comp.config = config;
        fixture.detectChanges();
      });
  }));

import {SystemRoleService} from "../../../services/system/system.role.service";

const USER_ROUTES: Routes = [
    {path: '', component: UserComponent}
];

@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        ReactiveFormsModule,
        CustomFormsModule,
        BusyModule,
        TranslateModule,
        Select2Module,
        PopoverModule.forRoot(),
        TooltipModule.forRoot(),
        ToastyModule.forRoot(),
        PaginationModule.forRoot(),
        ModalModule.forRoot(),
        RouterModule.forChild(USER_ROUTES)
    ],
    exports: [],
    declarations: [
        UserComponent
    ],
    providers: [
        UserService,
        SystemRoleService
    ],
})
export class UserModule {