mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-31 17:38:48 +00:00
290 lines
11 KiB
TypeScript
290 lines
11 KiB
TypeScript
/*!
|
|
* @license
|
|
* Copyright 2016 Alfresco Software, Ltd.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { ComponentFixture, TestBed, async } from '@angular/core/testing';
|
|
import { AlfrescoSearchAutocompleteComponent } from './alfresco-search-autocomplete.component';
|
|
import { AlfrescoThumbnailService } from './../services/alfresco-thumbnail.service';
|
|
import { TranslationMock } from './../assets/translation.service.mock';
|
|
import { AlfrescoSearchService } from '../services/alfresco-search.service';
|
|
import {
|
|
AlfrescoApiService,
|
|
AlfrescoSettingsService,
|
|
AlfrescoAuthenticationService,
|
|
AlfrescoContentService,
|
|
AlfrescoTranslationService,
|
|
CoreModule
|
|
} from 'ng2-alfresco-core';
|
|
|
|
describe('AlfrescoSearchAutocompleteComponent', () => {
|
|
|
|
let fixture: ComponentFixture<AlfrescoSearchAutocompleteComponent>, element: HTMLElement;
|
|
let component: AlfrescoSearchAutocompleteComponent;
|
|
|
|
let result = {
|
|
list: {
|
|
entries: [
|
|
{
|
|
entry: {
|
|
id: '123',
|
|
name: 'MyDoc',
|
|
isFile : true,
|
|
content: {
|
|
mimeType: 'text/plain'
|
|
},
|
|
createdByUser: {
|
|
displayName: 'John Doe'
|
|
},
|
|
modifiedByUser: {
|
|
displayName: 'John Doe'
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
};
|
|
|
|
let folderResult = {
|
|
list: {
|
|
entries: [
|
|
{
|
|
entry: {
|
|
id: '123',
|
|
name: 'MyFolder',
|
|
isFile : false,
|
|
isFolder : true,
|
|
createdByUser: {
|
|
displayName: 'John Doe'
|
|
},
|
|
modifiedByUser: {
|
|
displayName: 'John Doe'
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
};
|
|
|
|
let noResult = {
|
|
list: {
|
|
entries: []
|
|
}
|
|
};
|
|
|
|
let errorJson = {
|
|
error: {
|
|
errorKey: 'Search failed',
|
|
statusCode: 400,
|
|
briefSummary: '08220082 search failed',
|
|
stackTrace: 'For security reasons the stack trace is no longer displayed, but the property is kept for previous versions.',
|
|
descriptionURL: 'https://api-explorer.alfresco.com'
|
|
}
|
|
};
|
|
|
|
beforeEach(async(() => {
|
|
TestBed.configureTestingModule({
|
|
imports: [
|
|
CoreModule
|
|
],
|
|
declarations: [ AlfrescoSearchAutocompleteComponent ], // declare the test component
|
|
providers: [
|
|
{provide: AlfrescoTranslationService, useClass: TranslationMock},
|
|
AlfrescoThumbnailService,
|
|
AlfrescoSettingsService,
|
|
AlfrescoApiService,
|
|
AlfrescoAuthenticationService,
|
|
AlfrescoContentService,
|
|
AlfrescoSearchService
|
|
]
|
|
}).compileComponents().then(() => {
|
|
fixture = TestBed.createComponent(AlfrescoSearchAutocompleteComponent);
|
|
component = fixture.componentInstance;
|
|
element = fixture.nativeElement;
|
|
});
|
|
}));
|
|
|
|
it('should setup i18n folder', () => {
|
|
let translationService = fixture.debugElement.injector.get(AlfrescoTranslationService);
|
|
spyOn(translationService, 'addTranslationFolder');
|
|
fixture.detectChanges();
|
|
expect(translationService.addTranslationFolder).toHaveBeenCalledWith('node_modules/ng2-alfresco-search/dist/src');
|
|
});
|
|
|
|
it('should display search results when a search term is provided', () => {
|
|
let searchTerm = { currentValue: 'customSearchTerm', previousValue: ''};
|
|
spyOn(component, 'displaySearchResults').and.stub();
|
|
component.searchTerm = 'searchTerm';
|
|
component.ngOnChanges({
|
|
searchTerm: searchTerm
|
|
});
|
|
fixture.detectChanges();
|
|
expect(component.displaySearchResults).toHaveBeenCalledWith(searchTerm.currentValue);
|
|
});
|
|
|
|
it('should clear results straight away when a new search term is entered', async(() => {
|
|
|
|
let searchService = fixture.debugElement.injector.get(AlfrescoSearchService);
|
|
spyOn(searchService, 'getSearchNodesPromise')
|
|
.and.returnValue(Promise.resolve(result));
|
|
|
|
component.searchTerm = 'searchTerm';
|
|
component.ngOnChanges({searchTerm: { currentValue: 'searchTerm', previousValue: ''} });
|
|
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
component.searchTerm = 'searchTerm2';
|
|
component.ngOnChanges({searchTerm: { currentValue: 'searchTerm2', previousValue: 'searchTerm'} });
|
|
fixture.detectChanges();
|
|
expect(element.querySelectorAll('table[data-automation-id="autocomplete_results"] tbody tr').length).toBe(0);
|
|
});
|
|
}));
|
|
|
|
it('should display the returned search results', (done) => {
|
|
|
|
let searchService = fixture.debugElement.injector.get(AlfrescoSearchService);
|
|
spyOn(searchService, 'getSearchNodesPromise')
|
|
.and.returnValue(Promise.resolve(result));
|
|
|
|
component.resultsEmitter.subscribe(x => {
|
|
fixture.detectChanges();
|
|
expect( element.querySelector('#result_user_0').innerHTML).toBe('John Doe');
|
|
expect( element.querySelector('#result_name_0').innerHTML).toBe('<b _ngcontent-a-1="">MyDoc</b>');
|
|
done();
|
|
});
|
|
|
|
component.searchTerm = 'searchTerm';
|
|
component.ngOnChanges({searchTerm: { currentValue: 'searchTerm', previousValue: ''} });
|
|
});
|
|
|
|
it('should display the correct thumbnail for result items', (done) => {
|
|
|
|
let searchService = fixture.debugElement.injector.get(AlfrescoSearchService);
|
|
spyOn(searchService, 'getSearchNodesPromise')
|
|
.and.returnValue(Promise.resolve(result));
|
|
|
|
component.baseComponentPath = 'http://localhost';
|
|
|
|
let thumbnailService = fixture.debugElement.injector.get(AlfrescoThumbnailService);
|
|
spyOn(thumbnailService, 'getMimeTypeIcon').and.returnValue('fake-type-icon.svg');
|
|
spyOn(thumbnailService, 'getMimeTypeKey').and.returnValue('FAKE_TYPE');
|
|
|
|
component.resultsEmitter.subscribe(() => {
|
|
fixture.detectChanges();
|
|
let imgEl = <any> element.querySelector('#result_row_0 img');
|
|
expect(imgEl).not.toBeNull();
|
|
expect(imgEl.src).toBe('http://localhost/img/fake-type-icon.svg');
|
|
expect(imgEl.alt).toBe('SEARCH.ICONS.FAKE_TYPE');
|
|
done();
|
|
});
|
|
|
|
component.searchTerm = 'searchTerm';
|
|
component.ngOnChanges({searchTerm: { currentValue: 'searchTerm', previousValue: ''} });
|
|
});
|
|
|
|
it('should display no result if no result are returned', (done) => {
|
|
|
|
let searchService = fixture.debugElement.injector.get(AlfrescoSearchService);
|
|
spyOn(searchService, 'getSearchNodesPromise')
|
|
.and.returnValue(Promise.resolve(noResult));
|
|
|
|
component.resultsEmitter.subscribe(x => {
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#search_no_result')).not.toBeNull();
|
|
done();
|
|
});
|
|
|
|
component.searchTerm = 'searchTerm';
|
|
component.ngOnChanges({searchTerm: { currentValue: 'searchTerm', previousValue: ''}});
|
|
});
|
|
|
|
it('should display an error if an error is encountered running the search', (done) => {
|
|
|
|
let searchService = fixture.debugElement.injector.get(AlfrescoSearchService);
|
|
spyOn(searchService, 'getSearchNodesPromise')
|
|
.and.returnValue(Promise.reject(errorJson));
|
|
|
|
component.errorEmitter.subscribe(() => {
|
|
fixture.detectChanges();
|
|
let resultsEl = element.querySelector('[data-automation-id="autocomplete_results"]');
|
|
let errorEl = <any> element.querySelector('[data-automation-id="autocomplete_error_message"]');
|
|
expect(resultsEl).toBeNull();
|
|
expect(errorEl).not.toBeNull();
|
|
expect(errorEl.innerText.trim()).toBe('SEARCH.RESULTS.ERROR');
|
|
done();
|
|
});
|
|
|
|
component.searchTerm = 'searchTerm';
|
|
component.ngOnChanges({searchTerm: { currentValue: 'searchTerm', previousValue: ''}});
|
|
});
|
|
|
|
it('should clear errors straight away when a new search is performed', async(() => {
|
|
|
|
let searchService = fixture.debugElement.injector.get(AlfrescoSearchService);
|
|
spyOn(searchService, 'getSearchNodesPromise')
|
|
.and.returnValue(Promise.reject(errorJson));
|
|
|
|
component.searchTerm = 'searchTerm';
|
|
component.ngOnChanges({searchTerm: { currentValue: 'searchTerm', previousValue: ''}});
|
|
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
component.searchTerm = 'searchTerm2';
|
|
component.ngOnChanges({searchTerm: { currentValue: 'searchTerm2', previousValue: 'searchTerm'} });
|
|
fixture.detectChanges();
|
|
let errorEl = <any> element.querySelector('[data-automation-id="autocomplete_error_message"]');
|
|
expect(errorEl).toBeNull();
|
|
});
|
|
}));
|
|
|
|
it('should emit preview when file item clicked', (done) => {
|
|
|
|
let searchService = fixture.debugElement.injector.get(AlfrescoSearchService);
|
|
spyOn(searchService, 'getSearchNodesPromise')
|
|
.and.returnValue(Promise.resolve(result));
|
|
|
|
component.resultsEmitter.subscribe(x => {
|
|
fixture.detectChanges();
|
|
(<any> element.querySelector('#result_row_0')).click();
|
|
});
|
|
|
|
component.searchTerm = 'searchTerm';
|
|
component.ngOnChanges({searchTerm: { currentValue: 'searchTerm', previousValue: ''}});
|
|
|
|
component.preview.subscribe(e => {
|
|
done();
|
|
});
|
|
});
|
|
|
|
it('should not emit preview if a non-file item is clicked', (done) => {
|
|
|
|
let searchService = fixture.debugElement.injector.get(AlfrescoSearchService);
|
|
spyOn(searchService, 'getSearchNodesPromise')
|
|
.and.returnValue(Promise.resolve(folderResult));
|
|
|
|
spyOn(component.preview, 'emit');
|
|
component.resultsEmitter.subscribe(x => {
|
|
fixture.detectChanges();
|
|
(<any> element.querySelector('#result_row_0')).click();
|
|
expect(component.preview.emit).not.toHaveBeenCalled();
|
|
done();
|
|
});
|
|
|
|
component.searchTerm = 'searchTerm';
|
|
component.ngOnChanges({searchTerm: { currentValue: 'searchTerm', previousValue: ''}});
|
|
});
|
|
|
|
});
|