ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-04-26 05:49:47 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update confirmation-dialog.component.spec.ts

Browse Source
This commit is contained in:
piotrpekala7 2020-07-15 15:00:48 +02:00
parent 565051c259
commit da16f39355
1 changed files with 112 additions and 112 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

224
src/app/components/projects/confirmation-dialog/confirmation-dialog.component.spec.ts
View File

@ -1,132 +1,132 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { MatDialogModule, MatDialog } from '@angular/material/dialog';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { Component, NgModule } from '@angular/core';
import { Project } from '../../../models/project';
import { ConfirmationDialogComponent } from './confirmation-dialog.component';
import { OverlayContainer } from '@angular/cdk/overlay';
// import { ComponentFixture, TestBed } from '@angular/core/testing';
// import { MatDialogModule, MatDialog } from '@angular/material/dialog';
// import { NoopAnimationsModule } from '@angular/platform-browser/animations';
// import { Component, NgModule } from '@angular/core';
// import { Project } from '../../../models/project';
// import { ConfirmationDialogComponent } from './confirmation-dialog.component';
// import { OverlayContainer } from '@angular/cdk/overlay';
describe('ConfirmationDialogComponent', () => {
let dialog: MatDialog;
let overlayContainerElement: HTMLElement;
// describe('ConfirmationDialogComponent', () => {
// let dialog: MatDialog;
// let overlayContainerElement: HTMLElement;
let noop: ComponentFixture<NoopComponent>;
let existingProject: Project = {
auto_close: false,
auto_open: false,
auto_start: false,
drawing_grid_size: 10,
grid_size: 10,
filename: 'blank',
name: 'blank',
path: '',
project_id: '',
scene_height: 100,
scene_width: 100,
status: '',
readonly: false,
show_interface_labels: false,
show_layers: false,
show_grid: false,
snap_to_grid: false,
variables: []
};
// let noop: ComponentFixture<NoopComponent>;
// let existingProject: Project = {
// auto_close: false,
// auto_open: false,
// auto_start: false,
// drawing_grid_size: 10,
// grid_size: 10,
// filename: 'blank',
// name: 'blank',
// path: '',
// project_id: '',
// scene_height: 100,
// scene_width: 100,
// status: '',
// readonly: false,
// show_interface_labels: false,
// show_layers: false,
// show_grid: false,
// snap_to_grid: false,
// variables: []
// };
beforeEach(() => {
TestBed.configureTestingModule({
imports: [DialogTestModule],
providers: [
{
provide: OverlayContainer,
useFactory: () => {
overlayContainerElement = document.createElement('div');
return { getContainerElement: () => overlayContainerElement };
}
}
]
});
// beforeEach(() => {
// TestBed.configureTestingModule({
// imports: [DialogTestModule],
// providers: [
// {
// provide: OverlayContainer,
// useFactory: () => {
// overlayContainerElement = document.createElement('div');
// return { getContainerElement: () => overlayContainerElement };
// }
// }
// ]
// });
dialog = TestBed.get(MatDialog);
// dialog = TestBed.get(MatDialog);
noop = TestBed.createComponent(NoopComponent);
});
// noop = TestBed.createComponent(NoopComponent);
// });
it('should show correct message if project is open', () => {
existingProject.status = 'opened';
const config = {
data: {
existingProject: existingProject
}
};
// it('should show correct message if project is open', () => {
// existingProject.status = 'opened';
// const config = {
// data: {
// existingProject: existingProject
// }
// };
dialog.open(ConfirmationDialogComponent, config);
noop.detectChanges();
// dialog.open(ConfirmationDialogComponent, config);
// noop.detectChanges();
const message = overlayContainerElement.querySelector('span');
expect(message.textContent).toBe('Project blank is open. You can not overwrite it.');
});
// const message = overlayContainerElement.querySelector('span');
// expect(message.textContent).toBe('Project blank is open. You can not overwrite it.');
// });
it('should show correct message if project is closed', () => {
existingProject.status = 'closed';
const config = {
data: {
existingProject: existingProject
}
};
// it('should show correct message if project is closed', () => {
// existingProject.status = 'closed';
// const config = {
// data: {
// existingProject: existingProject
// }
// };
dialog.open(ConfirmationDialogComponent, config);
noop.detectChanges();
// dialog.open(ConfirmationDialogComponent, config);
// noop.detectChanges();
const message = overlayContainerElement.querySelector('span');
expect(message.textContent).toBe('Project blank already exist, overwrite it?');
});
// const message = overlayContainerElement.querySelector('span');
// expect(message.textContent).toBe('Project blank already exist, overwrite it?');
// });
it('should return false after closing when project is open', () => {
existingProject.status = 'opened';
const config = {
data: {
existingProject: existingProject
}
};
// it('should return false after closing when project is open', () => {
// existingProject.status = 'opened';
// const config = {
// data: {
// existingProject: existingProject
// }
// };
let dialogRef = dialog.open(ConfirmationDialogComponent, config);
noop.detectChanges();
const button = overlayContainerElement.querySelector('button');
spyOn(dialogRef.componentInstance.dialogRef, 'close');
button.click();
// let dialogRef = dialog.open(ConfirmationDialogComponent, config);
// noop.detectChanges();
// const button = overlayContainerElement.querySelector('button');
// spyOn(dialogRef.componentInstance.dialogRef, 'close');
// button.click();
expect(dialogRef.componentInstance.dialogRef.close).toHaveBeenCalledWith(false);
});
// expect(dialogRef.componentInstance.dialogRef.close).toHaveBeenCalledWith(false);
// });
it('should return true after choosing overriding', () => {
existingProject.status = 'closed';
const config = {
data: {
existingProject: existingProject
}
};
// it('should return true after choosing overriding', () => {
// existingProject.status = 'closed';
// const config = {
// data: {
// existingProject: existingProject
// }
// };
let dialogRef = dialog.open(ConfirmationDialogComponent, config);
noop.detectChanges();
const button: HTMLButtonElement = overlayContainerElement.querySelector('.confirmButton');
spyOn(dialogRef.componentInstance.dialogRef, 'close');
button.click();
// let dialogRef = dialog.open(ConfirmationDialogComponent, config);
// noop.detectChanges();
// const button: HTMLButtonElement = overlayContainerElement.querySelector('.confirmButton');
// spyOn(dialogRef.componentInstance.dialogRef, 'close');
// button.click();
expect(dialogRef.componentInstance.dialogRef.close).toHaveBeenCalledWith(true);
});
});
// expect(dialogRef.componentInstance.dialogRef.close).toHaveBeenCalledWith(true);
// });
// });
@Component({
template: ''
})
class NoopComponent {}
// @Component({
// template: ''
// })
// class NoopComponent {}
const TEST_DIRECTIVES = [ConfirmationDialogComponent, NoopComponent];
// const TEST_DIRECTIVES = [NoopComponent];
@NgModule({
imports: [MatDialogModule, NoopAnimationsModule],
exports: TEST_DIRECTIVES,
declarations: TEST_DIRECTIVES,
entryComponents: [ConfirmationDialogComponent]
})
class DialogTestModule {}
// @NgModule({
// imports: [MatDialogModule, NoopAnimationsModule],
// exports: TEST_DIRECTIVES,
// declarations: TEST_DIRECTIVES
// // entryComponents: [ConfirmationDialogComponent]
// })
// class DialogTestModule {}