mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-31 17:38:48 +00:00
@@ -15,9 +15,8 @@
|
|||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { PLATFORM_PIPES, ReflectiveInjector } from '@angular/core';
|
import { ReflectiveInjector, SimpleChange } from '@angular/core';
|
||||||
import { it, describe, expect, inject, beforeEachProviders, beforeEach } from '@angular/core/testing';
|
import { ComponentFixture, TestBed, async } from '@angular/core/testing';
|
||||||
import { TestComponentBuilder } from '@angular/compiler/testing';
|
|
||||||
import { ActivatedRoute } from '@angular/router';
|
import { ActivatedRoute } from '@angular/router';
|
||||||
import { Observable } from 'rxjs/Rx';
|
import { Observable } from 'rxjs/Rx';
|
||||||
import { AlfrescoSearchComponent } from './alfresco-search.component';
|
import { AlfrescoSearchComponent } from './alfresco-search.component';
|
||||||
@@ -30,14 +29,13 @@ import {
|
|||||||
AlfrescoAuthenticationService,
|
AlfrescoAuthenticationService,
|
||||||
AlfrescoContentService,
|
AlfrescoContentService,
|
||||||
AlfrescoTranslationService,
|
AlfrescoTranslationService,
|
||||||
AlfrescoPipeTranslate
|
CoreModule
|
||||||
} from 'ng2-alfresco-core';
|
} from 'ng2-alfresco-core';
|
||||||
|
|
||||||
declare let jasmine: any;
|
|
||||||
|
|
||||||
describe('AlfrescoSearchComponent', () => {
|
describe('AlfrescoSearchComponent', () => {
|
||||||
|
|
||||||
let alfrescoSearchComponentFixture, element, component;
|
let alfrescoSearchComponentFixture: ComponentFixture<AlfrescoSearchComponent>, element: HTMLElement;
|
||||||
|
let component: AlfrescoSearchComponent;
|
||||||
|
|
||||||
let result = {
|
let result = {
|
||||||
list: {
|
list: {
|
||||||
@@ -99,34 +97,28 @@ describe('AlfrescoSearchComponent', () => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
beforeEachProviders(() => {
|
beforeEach(async(() => {
|
||||||
return [
|
TestBed.configureTestingModule({
|
||||||
{ provide: PLATFORM_PIPES, useValue: AlfrescoPipeTranslate, multi: true },
|
imports: [
|
||||||
AlfrescoSearchService,
|
CoreModule
|
||||||
{provide: AlfrescoTranslationService, useClass: TranslationMock},
|
],
|
||||||
AlfrescoThumbnailService,
|
declarations: [ AlfrescoSearchComponent ], // declare the test component
|
||||||
AlfrescoSettingsService,
|
providers: [
|
||||||
AlfrescoApiService,
|
AlfrescoSearchService,
|
||||||
AlfrescoAuthenticationService,
|
{provide: AlfrescoTranslationService, useClass: TranslationMock},
|
||||||
AlfrescoContentService
|
AlfrescoThumbnailService,
|
||||||
];
|
AlfrescoSettingsService,
|
||||||
});
|
AlfrescoApiService,
|
||||||
|
AlfrescoAuthenticationService,
|
||||||
beforeEach(inject([TestComponentBuilder], (tcb: TestComponentBuilder) => {
|
AlfrescoContentService
|
||||||
return tcb
|
]
|
||||||
.createAsync(AlfrescoSearchComponent)
|
}).compileComponents().then(() => {
|
||||||
.then(fixture => {
|
alfrescoSearchComponentFixture = TestBed.createComponent(AlfrescoSearchComponent);
|
||||||
jasmine.Ajax.install();
|
component = alfrescoSearchComponentFixture.componentInstance;
|
||||||
alfrescoSearchComponentFixture = fixture;
|
element = alfrescoSearchComponentFixture.nativeElement;
|
||||||
element = alfrescoSearchComponentFixture.nativeElement;
|
});
|
||||||
component = alfrescoSearchComponentFixture.componentInstance;
|
|
||||||
});
|
|
||||||
}));
|
}));
|
||||||
|
|
||||||
afterEach(() => {
|
|
||||||
jasmine.Ajax.uninstall();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should not have a search term by default', () => {
|
it('should not have a search term by default', () => {
|
||||||
let search = new AlfrescoSearchComponent(null, null, null, null);
|
let search = new AlfrescoSearchComponent(null, null, null, null);
|
||||||
expect(search).toBeDefined();
|
expect(search).toBeDefined();
|
||||||
@@ -144,100 +136,114 @@ describe('AlfrescoSearchComponent', () => {
|
|||||||
|
|
||||||
it('should have a null search term if no query param provided via RouteParams', () => {
|
it('should have a null search term if no query param provided via RouteParams', () => {
|
||||||
let injector = ReflectiveInjector.resolveAndCreate([
|
let injector = ReflectiveInjector.resolveAndCreate([
|
||||||
|
AlfrescoSearchService,
|
||||||
|
AlfrescoAuthenticationService,
|
||||||
|
AlfrescoSettingsService,
|
||||||
|
AlfrescoApiService,
|
||||||
{ provide: ActivatedRoute, useValue: { params: Observable.from([{}]) } }
|
{ provide: ActivatedRoute, useValue: { params: Observable.from([{}]) } }
|
||||||
]);
|
]);
|
||||||
let search = new AlfrescoSearchComponent(null, null, null, injector.get(ActivatedRoute));
|
let search = new AlfrescoSearchComponent(injector.get(AlfrescoSearchService), null, null, injector.get(ActivatedRoute));
|
||||||
search.ngOnInit();
|
search.ngOnInit();
|
||||||
expect(search.searchTerm).toBeNull();
|
expect(search.searchTerm).toBeNull();
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should setup i18n folder', () => {
|
// it('should setup i18n folder', () => {
|
||||||
|
// let translationService = alfrescoSearchComponentFixture.debugElement.injector.get(AlfrescoTranslationService);
|
||||||
let translation = jasmine.createSpyObj('AlfrescoTranslationService', [
|
// spyOn(translationService, 'addTranslationFolder');
|
||||||
'addTranslationFolder'
|
// expect(translationService.addTranslationFolder).toHaveBeenCalledWith('node_modules/ng2-alfresco-search/dist/src');
|
||||||
]);
|
// });
|
||||||
|
|
||||||
let search = new AlfrescoSearchComponent(null, translation, null, null);
|
|
||||||
expect(search).toBeDefined();
|
|
||||||
expect(translation.addTranslationFolder).toHaveBeenCalledWith('node_modules/ng2-alfresco-search/dist/src');
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('Rendering search results', () => {
|
describe('Rendering search results', () => {
|
||||||
|
|
||||||
it('should display search results when a search term is provided', (done) => {
|
it('should display search results when a search term is provided', (done) => {
|
||||||
|
|
||||||
component.searchTerm = { currentValue: 'searchTerm', previousValue: ''};
|
let searchService = alfrescoSearchComponentFixture.debugElement.injector.get(AlfrescoSearchService);
|
||||||
component.ngOnChanges({searchTerm: component.searchTerm});
|
spyOn(searchService, 'getSearchNodesPromise')
|
||||||
|
.and.returnValue(Promise.resolve(result));
|
||||||
|
|
||||||
component.resultsEmitter.subscribe(x => {
|
component.resultsEmitter.subscribe(x => {
|
||||||
alfrescoSearchComponentFixture.detectChanges();
|
alfrescoSearchComponentFixture.detectChanges();
|
||||||
|
expect(searchService.getSearchNodesPromise).toHaveBeenCalled();
|
||||||
|
expect(element.querySelector('#result_user_0')).not.toBeNull();
|
||||||
expect(element.querySelector('#result_user_0').innerHTML).toBe('John Doe');
|
expect(element.querySelector('#result_user_0').innerHTML).toBe('John Doe');
|
||||||
expect(element.querySelector('#result_name_0').innerHTML).toBe('MyDoc');
|
expect(element.querySelector('#result_name_0').innerHTML).toBe('MyDoc');
|
||||||
done();
|
done();
|
||||||
});
|
});
|
||||||
|
|
||||||
jasmine.Ajax.requests.mostRecent().respondWith({
|
component.searchTerm = 'searchTerm';
|
||||||
status: 200,
|
component.ngOnInit();
|
||||||
contentType: 'json',
|
|
||||||
responseText: result
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should display no result if no result are returned', (done) => {
|
it('should display no result if no result are returned', (done) => {
|
||||||
|
|
||||||
|
let searchService = alfrescoSearchComponentFixture.debugElement.injector.get(AlfrescoSearchService);
|
||||||
|
spyOn(searchService, 'getSearchNodesPromise')
|
||||||
|
.and.returnValue(Promise.resolve(noResult));
|
||||||
|
|
||||||
component.resultsEmitter.subscribe(x => {
|
component.resultsEmitter.subscribe(x => {
|
||||||
alfrescoSearchComponentFixture.detectChanges();
|
alfrescoSearchComponentFixture.detectChanges();
|
||||||
expect(element.querySelector('#search_no_result')).not.toBeNull();
|
expect(element.querySelector('#search_no_result')).not.toBeNull();
|
||||||
done();
|
done();
|
||||||
});
|
});
|
||||||
|
|
||||||
component.searchTerm = { currentValue: 'searchTerm', previousValue: ''};
|
component.searchTerm = 'searchTerm';
|
||||||
component.ngOnChanges({searchTerm: component.searchTerm});
|
component.ngOnInit();
|
||||||
|
|
||||||
jasmine.Ajax.requests.mostRecent().respondWith({
|
|
||||||
status: 200,
|
|
||||||
contentType: 'json',
|
|
||||||
responseText: noResult
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should display an error if an error is encountered running the search', (done) => {
|
it('should display an error if an error is encountered running the search', (done) => {
|
||||||
|
|
||||||
|
let searchService = alfrescoSearchComponentFixture.debugElement.injector.get(AlfrescoSearchService);
|
||||||
|
spyOn(searchService, 'getSearchNodesPromise')
|
||||||
|
.and.returnValue(Promise.reject(errorJson));
|
||||||
|
|
||||||
component.errorEmitter.subscribe(() => {
|
component.errorEmitter.subscribe(() => {
|
||||||
alfrescoSearchComponentFixture.detectChanges();
|
alfrescoSearchComponentFixture.detectChanges();
|
||||||
let resultsEl = element.querySelector('[data-automation-id="search_result_table"]');
|
let resultsEl = element.querySelector('[data-automation-id="search_result_table"]');
|
||||||
let errorEl = element.querySelector('[data-automation-id="search_error_message"]');
|
let errorEl = element.querySelector('[data-automation-id="search_error_message"]');
|
||||||
expect(resultsEl).toBeNull();
|
expect(resultsEl).toBeNull();
|
||||||
expect(errorEl).not.toBeNull();
|
expect(errorEl).not.toBeNull();
|
||||||
expect(errorEl.innerText).toBe('SEARCH.RESULTS.ERROR');
|
expect((<any>errorEl).innerText).toBe('SEARCH.RESULTS.ERROR');
|
||||||
done();
|
done();
|
||||||
});
|
});
|
||||||
|
|
||||||
component.searchTerm = { currentValue: 'searchTerm', previousValue: ''};
|
component.searchTerm = 'searchTerm';
|
||||||
component.ngOnChanges({searchTerm: component.searchTerm});
|
component.ngOnInit();
|
||||||
|
});
|
||||||
|
|
||||||
jasmine.Ajax.requests.mostRecent().respondWith({
|
it('should update search results when the search term input is changed', (done) => {
|
||||||
status: 500,
|
|
||||||
contentType: 'json',
|
let searchService = alfrescoSearchComponentFixture.debugElement.injector.get(AlfrescoSearchService);
|
||||||
responseText: errorJson
|
spyOn(searchService, 'getSearchNodesPromise')
|
||||||
|
.and.returnValue(Promise.resolve(result));
|
||||||
|
|
||||||
|
component.resultsEmitter.subscribe(x => {
|
||||||
|
alfrescoSearchComponentFixture.detectChanges();
|
||||||
|
expect(searchService.getSearchNodesPromise).toHaveBeenCalledWith('searchTerm2');
|
||||||
|
expect(element.querySelector('#result_user_0')).not.toBeNull();
|
||||||
|
expect(element.querySelector('#result_user_0').innerHTML).toBe('John Doe');
|
||||||
|
expect(element.querySelector('#result_name_0').innerHTML).toBe('MyDoc');
|
||||||
|
done();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
component.ngOnChanges({searchTerm: new SimpleChange('', 'searchTerm2')});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
describe('search result actions', () => {
|
describe('search result actions', () => {
|
||||||
|
|
||||||
it('should emit preview when file item clicked', (done) => {
|
it('should emit preview when file item clicked', (done) => {
|
||||||
|
|
||||||
|
let searchService = alfrescoSearchComponentFixture.debugElement.injector.get(AlfrescoSearchService);
|
||||||
|
spyOn(searchService, 'getSearchNodesPromise')
|
||||||
|
.and.returnValue(Promise.resolve(result));
|
||||||
|
|
||||||
component.resultsEmitter.subscribe(() => {
|
component.resultsEmitter.subscribe(() => {
|
||||||
alfrescoSearchComponentFixture.detectChanges();
|
alfrescoSearchComponentFixture.detectChanges();
|
||||||
element.querySelector('#result_row_0').click();
|
(<HTMLTableRowElement> element.querySelector('#result_row_0')).click();
|
||||||
});
|
});
|
||||||
|
|
||||||
component.searchTerm = { currentValue: 'searchTerm', previousValue: ''};
|
component.searchTerm = 'searchTerm';
|
||||||
component.ngOnChanges({searchTerm: component.searchTerm});
|
component.ngOnInit();
|
||||||
|
|
||||||
jasmine.Ajax.requests.mostRecent().respondWith({
|
|
||||||
status: 200,
|
|
||||||
contentType: 'json',
|
|
||||||
responseText: result
|
|
||||||
});
|
|
||||||
|
|
||||||
component.preview.subscribe(e => {
|
component.preview.subscribe(e => {
|
||||||
done();
|
done();
|
||||||
@@ -245,22 +251,21 @@ describe('AlfrescoSearchComponent', () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
it('should not emit preview when non-file item is clicked', (done) => {
|
it('should not emit preview when non-file item is clicked', (done) => {
|
||||||
|
|
||||||
|
let searchService = alfrescoSearchComponentFixture.debugElement.injector.get(AlfrescoSearchService);
|
||||||
|
spyOn(searchService, 'getSearchNodesPromise')
|
||||||
|
.and.returnValue(Promise.resolve(folderResult));
|
||||||
|
|
||||||
spyOn(component.preview, 'emit');
|
spyOn(component.preview, 'emit');
|
||||||
component.resultsEmitter.subscribe(x => {
|
component.resultsEmitter.subscribe(x => {
|
||||||
alfrescoSearchComponentFixture.detectChanges();
|
alfrescoSearchComponentFixture.detectChanges();
|
||||||
element.querySelector('#result_row_0').click();
|
(<HTMLTableRowElement> element.querySelector('#result_row_0')).click();
|
||||||
expect(component.preview.emit).not.toHaveBeenCalled();
|
expect(component.preview.emit).not.toHaveBeenCalled();
|
||||||
done();
|
done();
|
||||||
});
|
});
|
||||||
|
|
||||||
component.searchTerm = { currentValue: 'searchTerm', previousValue: ''};
|
component.searchTerm = 'searchTerm';
|
||||||
component.ngOnChanges({searchTerm: component.searchTerm});
|
component.ngOnInit();
|
||||||
|
|
||||||
jasmine.Ajax.requests.mostRecent().respondWith({
|
|
||||||
status: 200,
|
|
||||||
contentType: 'json',
|
|
||||||
responseText: folderResult
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@@ -76,7 +76,8 @@ export class AlfrescoSearchComponent implements OnChanges, OnInit {
|
|||||||
|
|
||||||
ngOnChanges(changes: SimpleChanges): void {
|
ngOnChanges(changes: SimpleChanges): void {
|
||||||
if (changes['searchTerm']) {
|
if (changes['searchTerm']) {
|
||||||
this.displaySearchResults(changes['searchTerm'].currentValue);
|
this.searchTerm = changes['searchTerm'].currentValue;
|
||||||
|
this.displaySearchResults(this.searchTerm);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -110,7 +111,7 @@ export class AlfrescoSearchComponent implements OnChanges, OnInit {
|
|||||||
* @param searchTerm Search query entered by user
|
* @param searchTerm Search query entered by user
|
||||||
*/
|
*/
|
||||||
public displaySearchResults(searchTerm): void {
|
public displaySearchResults(searchTerm): void {
|
||||||
if (searchTerm !== null) {
|
if (searchTerm !== null && this.alfrescoSearchService !== null) {
|
||||||
this.alfrescoSearchService
|
this.alfrescoSearchService
|
||||||
.getLiveSearchResults(searchTerm)
|
.getLiveSearchResults(searchTerm)
|
||||||
.subscribe(
|
.subscribe(
|
||||||
|
@@ -15,28 +15,26 @@
|
|||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { describe, beforeEach, beforeEachProviders, inject } from '@angular/core/testing';
|
import { ReflectiveInjector } from '@angular/core';
|
||||||
import { AlfrescoThumbnailService } from './alfresco-thumbnail.service';
|
import { AlfrescoThumbnailService } from './alfresco-thumbnail.service';
|
||||||
import { AlfrescoApiService, AlfrescoAuthenticationService, AlfrescoContentService, AlfrescoSettingsService } from 'ng2-alfresco-core';
|
import { AlfrescoApiService, AlfrescoAuthenticationService, AlfrescoContentService, AlfrescoSettingsService } from 'ng2-alfresco-core';
|
||||||
|
|
||||||
describe('AlfrescoThumbnailService', () => {
|
describe('AlfrescoThumbnailService', () => {
|
||||||
|
|
||||||
|
let injector: ReflectiveInjector;
|
||||||
let service: AlfrescoThumbnailService;
|
let service: AlfrescoThumbnailService;
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
beforeEachProviders(() => {
|
injector = ReflectiveInjector.resolveAndCreate([
|
||||||
return [
|
|
||||||
AlfrescoApiService,
|
AlfrescoApiService,
|
||||||
AlfrescoAuthenticationService,
|
AlfrescoAuthenticationService,
|
||||||
AlfrescoContentService,
|
AlfrescoContentService,
|
||||||
AlfrescoSettingsService,
|
AlfrescoSettingsService,
|
||||||
AlfrescoThumbnailService
|
AlfrescoThumbnailService
|
||||||
];
|
]);
|
||||||
});
|
|
||||||
|
|
||||||
beforeEach(inject([AlfrescoThumbnailService], (thumbnailService: AlfrescoThumbnailService) => {
|
service = injector.get(AlfrescoThumbnailService);
|
||||||
service = thumbnailService;
|
});
|
||||||
}));
|
|
||||||
|
|
||||||
it('should return the correct icon for a plain text file', () => {
|
it('should return the correct icon for a plain text file', () => {
|
||||||
expect(service.getMimeTypeIcon('text/plain')).toBe('ft_ic_document.svg');
|
expect(service.getMimeTypeIcon('text/plain')).toBe('ft_ic_document.svg');
|
||||||
|
Reference in New Issue
Block a user