本文整理匯總了TypeScript中ngx-bootstrap/modal.ModalModule類的典型用法代碼示例。如果您正苦於以下問題：TypeScript ModalModule類的具體用法？TypeScript ModalModule怎麽用？TypeScript ModalModule使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了ModalModule類的15個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: async
async(() => {
TestBed.configureTestingModule({
imports: [
SyndesisCommonModule.forRoot(),
ChartsModule,
ModalModule.forRoot(),
TooltipModule.forRoot(),
BsDropdownModule.forRoot(),
StoreModule,
RouterTestingModule.withRoutes([]),
RestangularModule.forRoot(),
NotificationModule,
IntegrationsListModule
],
declarations: [
DashboardComponent,
EmptyStateComponent,
DashboardConnectionsComponent,
DashboardIntegrationsComponent
],
providers: [
MockBackend,
{ provide: RequestOptions, useClass: BaseRequestOptions },
{
provide: Http,
useFactory: (backend, options) => {
return new Http(backend, options);
},
deps: [MockBackend, RequestOptions]
},
TourService
]
}).compileComponents();
})示例2: async
async(() => {
TestBed.configureTestingModule({
imports: [
SyndesisCommonModule.forRoot(),
StoreModule,
RouterTestingModule.withRoutes([]),
RestangularModule.forRoot(),
ModalModule.forRoot(),
TooltipModule.forRoot(),
TabsModule.forRoot(),
NotificationModule,
PatternflyUIModule,
IntegrationsListModule
],
declarations: [IntegrationsListPage],
providers: [
MockBackend,
{ provide: RequestOptions, useClass: BaseRequestOptions },
{
provide: Http,
useFactory: (backend, options) => {
return new Http(backend, options);
},
deps: [MockBackend, RequestOptions]
}
]
}).compileComponents();
})示例3: describe
describe('ModalComponent', () => {
let component: ModalComponent;
let fixture: ComponentFixture<ModalComponent>;
configureTestBed({
imports: [ModalModule.forRoot()],
declarations: [ModalComponent]
});
beforeEach(() => {
fixture = TestBed.createComponent(ModalComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
it('should call the hide callback function', () => {
spyOn(component.hide, 'emit');
const nativeElement = fixture.nativeElement;
const button = nativeElement.querySelector('button');
button.dispatchEvent(new Event('click'));
fixture.detectChanges();
expect(component.hide.emit).toHaveBeenCalled();
});
it('should hide the modal', () => {
component.modalRef = new BsModalRef();
spyOn(component.modalRef, 'hide');
component.close();
expect(component.modalRef.hide).toHaveBeenCalled();
});
});示例4: async
async(() => {
const moduleConfig = {
imports: [
ApiModule.forRoot(),
PlatformModule.forRoot(),
CoreModule.forRoot(),
SyndesisCommonModule.forRoot(),
ActionModule,
ListModule,
ChartModule,
ModalModule.forRoot(),
TooltipModule.forRoot(),
BsDropdownModule.forRoot(),
RouterTestingModule.withRoutes([]),
NotificationModule,
IntegrationListModule,
SyndesisStoreModule
],
declarations: [
DashboardMetricsComponent,
DashboardComponent,
DashboardConnectionsComponent,
DashboardIntegrationsComponent
],
providers: [
ConfigService,
ModalService,
]
};
TestBed.configureTestingModule(moduleConfig).compileComponents();
})示例5: async
async(() => {
TestBed.configureTestingModule({
imports: [
CoreModule.forRoot(),
ApiModule.forRoot(),
CommonModule,
FormsModule,
RouterTestingModule.withRoutes([]),
ConnectionsModule,
ModalModule.forRoot(),
TabsModule.forRoot(),
PopoverModule.forRoot(),
CollapseModule.forRoot(),
SyndesisCommonModule.forRoot(),
IntegrationSupportModule,
CollapseModule
],
declarations: [FlowViewComponent, FlowViewStepComponent],
providers: [
CurrentFlowService,
FlowPageService,
IntegrationStore,
IntegrationService,
EventsService,
StepStore
]
}).compileComponents();
})示例6: async
async(() => {
TestBed.configureTestingModule({
imports: [
CommonModule,
SyndesisCommonModule.forRoot(),
RouterTestingModule.withRoutes([]),
ModalModule.forRoot(),
BsDropdownModule.forRoot(),
StoreModule,
NotificationModule
],
declarations: [ConnectionsListComponent]
}).compileComponents();
})示例7: describe
describe('OsdPgScrubModalComponent', () => {
let component: OsdPgScrubModalComponent;
let fixture: ComponentFixture<OsdPgScrubModalComponent>;
let configurationService: ConfigurationService;
configureTestBed({
imports: [
HttpClientTestingModule,
ModalModule.forRoot(),
ReactiveFormsModule,
RouterTestingModule,
SharedModule,
ToastModule.forRoot()
],
declarations: [OsdPgScrubModalComponent],
providers: [BsModalRef, i18nProviders]
});
beforeEach(() => {
fixture = TestBed.createComponent(OsdPgScrubModalComponent);
component = fixture.componentInstance;
fixture.detectChanges();
configurationService = TestBed.get(ConfigurationService);
});
it('should create', () => {
expect(component).toBeTruthy();
});
describe('submitAction', () => {
let notificationService: NotificationService;
beforeEach(() => {
spyOn(TestBed.get(Router), 'navigate').and.stub();
notificationService = TestBed.get(NotificationService);
spyOn(notificationService, 'show');
});
it('test create success notification', () => {
spyOn(configurationService, 'bulkCreate').and.returnValue(observableOf([]));
component.submitAction();
expect(notificationService.show).toHaveBeenCalledWith(
NotificationType.success,
'Updated PG scrub options'
);
});
});
});示例8: beforeEach
beforeEach(async(() => {
spyOn(mocks.authService, "login").and.returnValue(Promise.resolve());
spyOn(mocks.notificationService, "info");
spyOn(mocks.notificationService, "error");
TestBed.configureTestingModule({
declarations: [LoginComponent],
providers: [
{ provide: AuthService, useValue: mocks.authService },
{ provide: NotificationService, useValue: mocks.notificationService },
],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
imports: [RouterTestingModule, TranslateModule.forRoot(), ModalModule.forRoot(), FormsModule]
});
fixture = TestBed.createComponent(LoginComponent);
component = fixture.componentInstance;
}));示例9: async
async(() => {
TestBed.configureTestingModule({
imports: [
SyndesisCommonModule.forRoot(),
SyndesisStoreModule,
RouterTestingModule.withRoutes([]),
ModalModule.forRoot(),
TooltipModule.forRoot(),
TabsModule.forRoot(),
NotificationModule,
PatternflyUIModule,
IntegrationListModule
],
declarations: [IntegrationListPage]
}).compileComponents();
})示例10: async
async(() => {
TestBed.configureTestingModule({
imports: [
CommonModule,
SyndesisCommonModule.forRoot(),
RouterTestingModule.withRoutes([]),
ModalModule.forRoot(),
TooltipModule.forRoot(),
BsDropdownModule.forRoot(),
TabsModule.forRoot(),
SyndesisStoreModule,
ActionModule,
ListModule,
NotificationModule
],
declarations: [IntegrationStatusComponent, IntegrationListComponent]
}).compileComponents();
})示例11: async
async(() => {
TestBed.configureTestingModule({
imports: [
TestApiModule,
SyndesisCommonModule.forRoot(),
SyndesisStoreModule,
RouterTestingModule.withRoutes([]),
ModalModule.forRoot(),
BsDropdownModule.forRoot(),
NotificationModule,
PatternflyUIModule,
],
declarations: [
ConnectionsListPage,
ConnectionsListComponent,
]
}).compileComponents();
}),示例12: beforeEach
beforeEach(async(() => {
spyOn(mocks.environmentService, 'get').and.returnValue(Promise.resolve({ data: { id: 1, name: 'Noosfero', terms_of_use: '' } }));
spyOn(mocks.registerService, 'createAccount').and.returnValue(Promise.resolve({ status: 201, data: {} }));
spyOn(mocks.notificationService, 'success').and.callThrough();
spyOn(mocks.notificationService, 'error').and.callThrough();
TestBed.configureTestingModule({
imports: [RouterTestingModule, FormsModule, ModalModule.forRoot(), TranslateModule.forRoot()],
declarations: [RegisterComponent, ValidationMessageComponent],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
providers: [
{ provide: RegisterService, useValue: mocks.registerService },
{ provide: NotificationService, useValue: mocks.notificationService },
{ provide: EnvironmentService, useValue: mocks.environmentService },
{ provide: TranslatorService, useValue: mocks.translatorService }
]
});
}));示例13: describe
describe('ModalComponent', () => {
let component: ModalComponent;
let fixture: ComponentFixture<ModalComponent>;
configureTestBed({
imports: [ModalModule.forRoot()],
declarations: [ModalComponent]
});
beforeEach(() => {
fixture = TestBed.createComponent(ModalComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});示例14: describe
describe('RbdListComponent', () => {
let fixture: ComponentFixture<RbdListComponent>;
let component: RbdListComponent;
let summaryService: SummaryService;
let rbdService: RbdService;
const refresh = (data) => {
summaryService['summaryDataSource'].next(data);
};
configureTestBed({
imports: [
SharedModule,
BsDropdownModule.forRoot(),
TabsModule.forRoot(),
ModalModule.forRoot(),
TooltipModule.forRoot(),
ToastModule.forRoot(),
AlertModule.forRoot(),
RouterTestingModule,
HttpClientTestingModule
],
declarations: [
RbdListComponent,
RbdDetailsComponent,
RbdSnapshotListComponent,
RbdConfigurationListComponent
],
providers: [TaskListService, i18nProviders]
});
beforeEach(() => {
fixture = TestBed.createComponent(RbdListComponent);
component = fixture.componentInstance;
summaryService = TestBed.get(SummaryService);
rbdService = TestBed.get(RbdService);
// this is needed because summaryService isn't being reset after each test.
summaryService['summaryDataSource'] = new BehaviorSubject(null);
summaryService['summaryData$'] = summaryService['summaryDataSource'].asObservable();
});
it('should create', () => {
expect(component).toBeTruthy();
});
describe('after ngOnInit', () => {
beforeEach(() => {
fixture.detectChanges();
spyOn(rbdService, 'list').and.callThrough();
});
it('should load images on init', () => {
refresh({});
expect(rbdService.list).toHaveBeenCalled();
});
it('should not load images on init because no data', () => {
refresh(undefined);
expect(rbdService.list).not.toHaveBeenCalled();
});
it('should call error function on init when summary service fails', () => {
spyOn(component.table, 'reset');
summaryService['summaryDataSource'].error(undefined);
expect(component.table.reset).toHaveBeenCalled();
expect(component.viewCacheStatusList).toEqual([{ status: ViewCacheStatus.ValueException }]);
});
});
describe('handling of executing tasks', () => {
let images: RbdModel[];
const addImage = (name) => {
const model = new RbdModel();
model.id = '-1';
model.name = name;
model.pool_name = 'rbd';
images.push(model);
};
const addTask = (name: string, image_name: string) => {
const task = new ExecutingTask();
task.name = name;
switch (task.name) {
case 'rbd/copy':
task.metadata = {
dest_pool_name: 'rbd',
dest_image_name: 'd'
};
break;
case 'rbd/clone':
task.metadata = {
child_pool_name: 'rbd',
child_image_name: 'd'
};
break;
default:
task.metadata = {
pool_name: 'rbd',
//.........這裏部分代碼省略.........
示例15: describe
describe('OsdRecvSpeedModalComponent', () => {
let component: OsdRecvSpeedModalComponent;
let fixture: ComponentFixture<OsdRecvSpeedModalComponent>;
configureTestBed({
imports: [
HttpClientTestingModule,
ModalModule.forRoot(),
ReactiveFormsModule,
SharedModule,
ToastModule.forRoot()
],
declarations: [OsdRecvSpeedModalComponent],
providers: [BsModalRef, i18nProviders]
});
beforeEach(() => {
fixture = TestBed.createComponent(OsdRecvSpeedModalComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
describe('setPriority', () => {
it('should prepare the form for a custom priority', () => {
const customPriority = {
name: 'custom',
text: 'Custom',
values: {
osd_max_backfills: 1,
osd_recovery_max_active: 4,
osd_recovery_max_single_start: 1,
osd_recovery_sleep: 1
}
};
component.setPriority(customPriority);
const customInPriorities = _.find(component.priorities, (p) => {
return p.name === 'custom';
});
expect(customInPriorities).not.toBeNull();
expect(component.osdRecvSpeedForm.getValue('priority')).toBe('custom');
expect(component.osdRecvSpeedForm.getValue('osd_max_backfills')).toBe(1);
expect(component.osdRecvSpeedForm.getValue('osd_recovery_max_active')).toBe(4);
expect(component.osdRecvSpeedForm.getValue('osd_recovery_max_single_start')).toBe(1);
expect(component.osdRecvSpeedForm.getValue('osd_recovery_sleep')).toBe(1);
});
it('should prepare the form for a none custom priority', () => {
const lowPriority = {
name: 'low',
text: 'Low',
values: {
osd_max_backfills: 1,
osd_recovery_max_active: 1,
osd_recovery_max_single_start: 1,
osd_recovery_sleep: 0.5
}
};
component.setPriority(lowPriority);
const customInPriorities = _.find(component.priorities, (p) => {
return p.name === 'custom';
});
expect(customInPriorities).toBeUndefined();
expect(component.osdRecvSpeedForm.getValue('priority')).toBe('low');
expect(component.osdRecvSpeedForm.getValue('osd_max_backfills')).toBe(1);
expect(component.osdRecvSpeedForm.getValue('osd_recovery_max_active')).toBe(1);
expect(component.osdRecvSpeedForm.getValue('osd_recovery_max_single_start')).toBe(1);
expect(component.osdRecvSpeedForm.getValue('osd_recovery_sleep')).toBe(0.5);
});
});
describe('getStoredPriority', () => {
const configOptionsLow = {
osd_max_backfills: 1,
osd_recovery_max_active: 1,
osd_recovery_max_single_start: 1,
osd_recovery_sleep: 0.5
};
const configOptionsDefault = {
osd_max_backfills: 1,
osd_recovery_max_active: 3,
osd_recovery_max_single_start: 1,
osd_recovery_sleep: 0
};
const configOptionsHigh = {
osd_max_backfills: 4,
osd_recovery_max_active: 4,
osd_recovery_max_single_start: 4,
osd_recovery_sleep: 0
//.........這裏部分代碼省略.........