inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improved 'upload' tests

Browse Source
This commit is contained in:
Denys Vuika
2016-06-24 11:18:07 +01:00
parent 3d748b61b5
commit 35478f4fd6
2 changed files with 169 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
ng2-components/ng2-alfresco-upload/src/components/file-uploading-dialog.component.spec.ts
View File

@@ -15,7 +15,7 @@
* limitations under the License.
*/
import { describe, expect, it, inject, beforeEachProviders } from '@angular/core/testing';
import { describe, expect, it, inject, beforeEach, beforeEachProviders } from '@angular/core/testing';
import { TestComponentBuilder } from '@angular/compiler/testing';
import { FileUploadingDialogComponent } from './file-uploading-dialog.component';
import { FileModel } from '../models/file.model';
@@ -27,6 +27,9 @@ import { Observable } from 'rxjs/Observable';
describe('FileUploadDialog', () => {
let componentFixture;
let uploadService;
beforeEachProviders(() => {
return [
{ provide: AlfrescoSettingsService, useClass: AlfrescoSettingsService },
@@ -35,144 +38,117 @@ describe('FileUploadDialog', () => {
];
});
it('should render completed upload 1 when an element is added to Observer',
inject([TestComponentBuilder, UploadService],
(tcb: TestComponentBuilder, updService: UploadService) => {
beforeEach(
inject(
[TestComponentBuilder, UploadService],
(tcb: TestComponentBuilder, service: UploadService) => {
return tcb
.createAsync(FileUploadingDialogComponent)
.then((fixture) => {
let fileFake = {
id: 'fake-id',
name: 'fake-name'
};
let file = new FileModel(fileFake);
file.progress = {'percent': 50};
updService.totalCompleted$ = new Observable(observer => {
observer.next(1);
});
let component = fixture.componentInstance;
fixture.detectChanges();
component.filesUploadingList = [file];
let compiled = fixture.debugElement.nativeElement;
fixture.detectChanges();
expect(compiled.querySelector('#total-upload-completed').innerText).toEqual('1');
}
);
.then(fixture => {
componentFixture = fixture;
uploadService = service;
});
}
)
);
it('should render dialog box with css class show when an element is added to Observer',
inject([TestComponentBuilder, UploadService],
(tcb: TestComponentBuilder, updService: UploadService) => {
return tcb
.createAsync(FileUploadingDialogComponent)
.then((fixture) => {
let fileFake = {
id: 'fake-id',
name: 'fake-name'
};
let file = new FileModel(fileFake);
file.progress = {'percent': 50};
it('should render completed upload 1 when an element is added to Observer', () => {
let fileFake = {
id: 'fake-id',
name: 'fake-name'
};
let file = new FileModel(fileFake);
file.progress = {'percent': 50};
updService.addToQueue([file]);
uploadService.totalCompleted$ = new Observable(observer => {
observer.next(1);
});
let component = componentFixture.componentInstance;
componentFixture.detectChanges();
component.filesUploadingList = [file];
let compiled = componentFixture.debugElement.nativeElement;
componentFixture.detectChanges();
expect(compiled.querySelector('#total-upload-completed').innerText).toEqual('1');
});
it('should render dialog box with css class show when an element is added to Observer', () => {
let fileFake = {
id: 'fake-id',
name: 'fake-name'
};
let file = new FileModel(fileFake);
file.progress = {'percent': 50};
uploadService.addToQueue([file]);
let component = fixture.componentInstance;
fixture.detectChanges();
component.filesUploadingList = [file];
let component = componentFixture.componentInstance;
componentFixture.detectChanges();
component.filesUploadingList = [file];
let compiled = fixture.debugElement.nativeElement;
let compiled = componentFixture.debugElement.nativeElement;
fixture.detectChanges();
componentFixture.detectChanges();
expect(compiled.querySelector('.file-dialog').getAttribute('class')).toEqual('file-dialog show');
}
);
}
)
);
expect(compiled.querySelector('.file-dialog').getAttribute('class')).toEqual('file-dialog show');
});
it('should render dialog box with css class show when the toggleShowDialog is called',
inject([TestComponentBuilder, UploadService],
(tcb: TestComponentBuilder, updService: UploadService) => {
return tcb
.createAsync(FileUploadingDialogComponent)
.then((fixture) => {
let fileFake = {
id: 'fake-id',
name: 'fake-name'
};
let file = new FileModel(fileFake);
it('should render dialog box with css class show when the toggleShowDialog is called', () => {
let fileFake = {
id: 'fake-id',
name: 'fake-name'
};
let file = new FileModel(fileFake);
let component = fixture.componentInstance;
fixture.detectChanges();
component.filesUploadingList = [file];
let component = componentFixture.componentInstance;
componentFixture.detectChanges();
component.filesUploadingList = [file];
let compiled = fixture.debugElement.nativeElement;
let compiled = componentFixture.debugElement.nativeElement;
component.toggleShowDialog();
fixture.detectChanges();
component.toggleShowDialog();
componentFixture.detectChanges();
expect(compiled.querySelector('.file-dialog').getAttribute('class')).toEqual('file-dialog show');
}
);
}
)
);
expect(compiled.querySelector('.file-dialog').getAttribute('class')).toEqual('file-dialog show');
});
it('should render dialog box with css class hide',
inject([TestComponentBuilder],
(tcb: TestComponentBuilder) => {
return tcb
.createAsync(FileUploadingDialogComponent)
.then((fixture) => {
let fileFake = {
id: 'fake-id',
name: 'fake-name'
};
let file = new FileModel(fileFake);
let component = fixture.componentInstance;
component.filesUploadingList = [file];
component.isDialogActive = true;
it('should render dialog box with css class hide', () => {
let fileFake = {
id: 'fake-id',
name: 'fake-name'
};
let file = new FileModel(fileFake);
let component = componentFixture.componentInstance;
component.filesUploadingList = [file];
component.isDialogActive = true;
let compiled = fixture.debugElement.nativeElement;
let compiled = componentFixture.debugElement.nativeElement;
component.toggleShowDialog();
fixture.detectChanges();
component.toggleShowDialog();
componentFixture.detectChanges();
expect(compiled.querySelector('.file-dialog').getAttribute('class')).toEqual('file-dialog');
}
);
}
)
);
expect(compiled.querySelector('.file-dialog').getAttribute('class')).toEqual('file-dialog');
});
it('should render minimize dialog as default',
inject([TestComponentBuilder], (tcb: TestComponentBuilder) => {
return tcb
.createAsync(FileUploadingDialogComponent)
.then((fixture) => {
let fileFake = {
id: 'fake-id',
name: 'fake-name'
};
let file = new FileModel(fileFake);
let component = fixture.componentInstance;
component.filesUploadingList = [file];
component.isDialogActive = true;
it('should render minimize dialog as default', () => {
let fileFake = {
id: 'fake-id',
name: 'fake-name'
};
let file = new FileModel(fileFake);
let component = componentFixture.componentInstance;
component.filesUploadingList = [file];
component.isDialogActive = true;
let compiled = fixture.debugElement.nativeElement;
let compiled = componentFixture.debugElement.nativeElement;
component.toggleDialogMinimize();
fixture.detectChanges();
component.toggleDialogMinimize();
componentFixture.detectChanges();
expect(compiled.querySelector('.minimize-button').getAttribute('class')).toEqual('minimize-button active');
});
}));
expect(compiled.querySelector('.minimize-button').getAttribute('class')).toEqual('minimize-button active');
});
});