How to use the ngx-bootstrap/dropdown.BsDropdownModule.forRoot function in ngx-bootstrap

import { NamespaceService } from '../../service/namespace.service';
import { ConfigMapStore } from './../../store/configmap.store';
import { NamespaceStore } from './../../store/namespace.store';
import { ConfigMapModule } from './../configmap/configmap.module';
import { DeploymentModule } from './../deployment/deployment.module';
import { EventModule } from './../event/event.module';
import { PodModule } from './../pod/pod.module';
import { ReplicaSetModule } from './../replicaset/replicaset.module';
import { ServiceModule } from './../service/service.module';
import { AppRoutingModule } from './app-routing.module';
import { AppListPageComponent } from './list-page/list-page.app.component';
import { AppListComponent } from './list/list.app.component';

@NgModule({
  imports: [
    BsDropdownModule.forRoot(),
    CommonModule,
    FormsModule,
    ModalModule,
    MomentModule,
    RouterModule,
    Fabric8CommonModule,
    KubernetesComponentsModule,
    // Our Routing MUST go before the other Kuberenetes UI modules, so our routes take precedence
    AppRoutingModule,
    DeploymentModule,
    ConfigMapModule,
    EventModule,
    PodModule,
    ReplicaSetModule,
    ServiceModule
  ],

import { FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { MomentModule } from 'angular2-moment';
import { BsDropdownConfig, BsDropdownModule } from 'ngx-bootstrap/dropdown';
import { ModalModule } from 'ngx-modal';
import { Fabric8CommonModule } from '../../../common/common.module';
import { KubernetesComponentsModule } from '../../components/components.module';
import { NamespaceStore } from '../../store/namespace.store';
import { SpaceStore } from '../../store/space.store';
import { StatusInfoComponent } from './status-info-component';
import { StatusListComponent } from './status-list.component';


@NgModule({
  imports: [
    BsDropdownModule.forRoot(),
    CommonModule,
    FormsModule,
    ModalModule,
    MomentModule,
    RouterModule,
    Fabric8CommonModule,
    KubernetesComponentsModule
  ],
  declarations: [
    StatusInfoComponent,
    StatusListComponent
  ],
  providers: [
    BsDropdownConfig,
    SpaceStore,
    NamespaceStore

import { NamespacesListToolbarComponent } from './list-toolbar/list-toolbar.namespace.component';
import { NamespacesListComponent } from './list/list.namespace.component';
import { NamespaceViewPage } from './view-page/view-page.namespace.component';
import { NamespaceViewToolbarComponent } from './view-toolbar/view-toolbar.namespace.component';
import { NamespaceViewWrapperComponent } from './view-wrapper/view-wrapper.namespace.component';
import { NamespaceViewComponent } from './view/view.namespace.component';

const routes: Routes = [
  { path: '', component: NamespacesListPage},
  { path: ':id', component: NamespaceViewPage },
  { path: ':id/edit', component: NamespaceEditPage }
];

@NgModule({
  imports: [
    BsDropdownModule.forRoot(),
    CommonModule,
    FormsModule,
    ModalModule,
    MomentModule,
    RouterModule.forChild(routes),
    RouterModule,
    Fabric8CommonModule,
    KubernetesComponentsModule
  ],
  declarations: [
    NamespacesListPage,
    NamespacesListToolbarComponent,
    NamespacesListComponent,
    NamespaceViewPage,
    NamespaceViewWrapperComponent,
    NamespaceViewToolbarComponent,

describe('CollaboratorsComponent', () => {

  const testContext = initContext(CollaboratorsComponent, HostComponent, {
    imports: [
      BsDropdownModule.forRoot(),
      Fabric8WitModule,
      ModalModule.forRoot()
    ],
    providers: [
      {
        provide: ContextService, useValue: ({
          current: of({
            space: {
              id: 'fake-space-id',
              attributes: {
                name: 'fake-space'
              }
            }
          })
        })
      },

import { ModalModule } from 'ngx-modal';
import { BsDropdownConfig, BsDropdownModule } from 'ngx-bootstrap/dropdown';

import { WorkItemService } from '../../services/work-item.service';
import { WorkItemDetailAddTypeSelectorComponent } from './work-item-create.component';
import { WorkItemDetailAddTypeSelectorWidgetComponent } from './work-item-create-selector/work-item-create-selector.component';

import {
  AlmEditableModule,
  AlmIconModule,
  WidgetsModule
} from 'ngx-widgets';

@NgModule({
  imports: [
    BsDropdownModule.forRoot(),
    CommonModule,
    ModalModule
  ],
  declarations: [
    WorkItemDetailAddTypeSelectorWidgetComponent,
    WorkItemDetailAddTypeSelectorComponent
  ],
  providers: [
    BsDropdownConfig,
    WorkItemService
  ],
  exports: [WorkItemDetailAddTypeSelectorComponent, WorkItemDetailAddTypeSelectorWidgetComponent]
})
export class WorkItemDetailAddTypeSelectorModule { }

beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        BrowserAnimationsModule,
        BsDropdownModule.forRoot(),
        FormsModule
      ],
      declarations: [
        CardActionComponent,
        CardComponent,
        CardFilterComponent
      ],
      providers: [
        BsDropdownConfig
      ]
    })
      .compileComponents()
      .then(() => {
        fixture = TestBed.createComponent(CardComponent);
        comp = fixture.componentInstance;
        comp.config = config;

AppComponent,
    AppNavbarComponent,
    DdeCodeExplorerComponent,
    DdeMenuComponent,
    DdeToasterComponent,
    DdeDialogComponent,
    DdeReferencesComponent,
    DdeCodeSnippetComponent,
    DDEAppComponent,
    DdeDashboardComponent,
    DdeDashboardBarComponent
  ],
  imports: [
    BrowserModule,
    HttpModule,
    BsDropdownModule.forRoot(),
    AccordionModule.forRoot(),
    ModalModule.forRoot(),
    FormsModule,
    HttpClientModule,
    AngularSvgIconModule,
    TooltipModule.forRoot(),
    AppRoutingModule
  ],
  providers: [
    DdeApiService,
    EncryptService,
    CodeSnippetsRepoService,
    DdeActionService,
    AnalyticsService
  ],
  bootstrap: [AppComponent]

import { LabelsModule } from '../labels/labels.module';
import { MarkdownControlComponent } from '../markdown-control/markdown-control.component';
import { WorkItemLinkModule } from '../work-item-link/work-item-link.module';
import { WorkItemCommentModule } from '../work-item-comment/work-item-comment.module';
import { WorkItemTypeControlService } from '../../services/work-item-type-control.service';
import { SelectDropdownModule } from './../../widgets/select-dropdown/select-dropdown.module';
import { AssigneesModule } from './../assignee/assignee.module';
import { AssigneeSelectorModule } from './../assignee-selector/assignee-selector.module';


@NgModule({
  imports: [
    AlmUserNameModule,
    AssigneesModule,
    AssigneeSelectorModule,
    BsDropdownModule.forRoot(),
    HttpModule,
    InlineInputModule,
    WidgetsModule,
    AlmIconModule,
    LabelSelectorModule,
    ModalModule,
    CommonModule,
    CollapseModule,
    FormsModule,
    LabelsModule,
    TooltipModule.forRoot(),
    TypeaheadDropDownModule,
    Ng2CompleterModule,
    ReactiveFormsModule,
    MarkdownModule,
    MyDatePickerModule,

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { BsDropdownConfig, BsDropdownModule } from 'ngx-bootstrap/dropdown';
import { ModalModule } from 'ngx-bootstrap/modal';
import { TooltipConfig, TooltipModule } from 'ngx-bootstrap/tooltip';
import { ToolbarModule } from 'patternfly-ng/toolbar';

import { FeatureFlagModule } from 'ngx-feature-flag';
import { PipelineModule } from '../../../../a-runtime-console/index';
import { PipelinesRoutingModule } from './pipelines-routing.module';
import { PipelinesComponent } from './pipelines.component';


@NgModule({
  imports: [
    BsDropdownModule.forRoot(),
    CommonModule,
    PipelinesRoutingModule,
    PipelineModule,
    ToolbarModule,
    FeatureFlagModule,
    ModalModule.forRoot(),
    TooltipModule.forRoot()
  ],
  declarations: [PipelinesComponent],
  providers: [
    BsDropdownConfig,
    TooltipConfig
  ]
})
export class PipelinesModule {
  constructor() { }

import { SharedModule } from '../shared/shared.module';
import { BackendSettingComponent } from './backend-setting.component';
import { HeadNavComponent } from './head-nav.component';
import { SetupComponent } from './setup.component';
import { TitlebarComponent } from './titlebar.component';
import { MoritapoSettingComponent } from './moritapo-setting.component';
import { ViewSettingComponent } from './view-setting.component';
import { PlayerModule } from '../player/player.module';

@NgModule({
  imports: [
    BrowserModule,
    ReactiveFormsModule,
    RouterModule,
    AlertModule.forRoot(),
    BsDropdownModule.forRoot(),
    CollapseModule.forRoot(),
    ModalModule.forRoot(),
    SharedModule,
    PlayerModule,
  ],
  exports: [
    BackendSettingComponent,
    HeadNavComponent,
    MoritapoSettingComponent,
    SetupComponent,
    TitlebarComponent,
    ViewSettingComponent,
  ],
  declarations: [
    BackendSettingComponent,
    HeadNavComponent,