mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
a7a48e8b2b
* enable prefer-const rule for tslint, fix issues * Update content-node-selector.component.spec.ts * Update content-node-selector.component.spec.ts * fix const * fix lint issues * update tests * update tests * update tests * fix code * fix page class
191 lines
9.0 KiB
TypeScript
191 lines
9.0 KiB
TypeScript
/*!
|
|
* @license
|
|
* Copyright 2019 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 { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
|
import { AddPermissionPanelComponent } from './add-permission-panel.component';
|
|
import { By } from '@angular/platform-browser';
|
|
import { SearchService, setupTestBed, SearchConfigurationService } from '@alfresco/adf-core';
|
|
import { of } from 'rxjs';
|
|
import { fakeAuthorityListResult } from '../../../mock/add-permission.component.mock';
|
|
import { ContentTestingModule } from '../../../testing/content.testing.module';
|
|
import { DebugElement } from '@angular/core';
|
|
|
|
describe('AddPermissionPanelComponent', () => {
|
|
|
|
let fixture: ComponentFixture<AddPermissionPanelComponent>;
|
|
let component: AddPermissionPanelComponent;
|
|
let element: HTMLElement;
|
|
let searchApiService: SearchService;
|
|
let debugElement: DebugElement;
|
|
|
|
setupTestBed({
|
|
imports: [ContentTestingModule],
|
|
providers: [SearchService, SearchConfigurationService]
|
|
});
|
|
|
|
beforeEach(() => {
|
|
fixture = TestBed.createComponent(AddPermissionPanelComponent);
|
|
debugElement = fixture.debugElement;
|
|
element = fixture.nativeElement;
|
|
component = fixture.componentInstance;
|
|
fixture.detectChanges();
|
|
});
|
|
|
|
afterEach(() => {
|
|
fixture.destroy();
|
|
});
|
|
|
|
function typeWordIntoSearchInput(word: string): void {
|
|
const inputDebugElement = debugElement.query(By.css('#searchInput'));
|
|
inputDebugElement.nativeElement.value = word;
|
|
inputDebugElement.nativeElement.focus();
|
|
inputDebugElement.nativeElement.dispatchEvent(new Event('input'));
|
|
}
|
|
|
|
it('should be able to render the component', () => {
|
|
expect(element.querySelector('#adf-add-permission-type-search')).not.toBeNull();
|
|
expect(element.querySelector('#searchInput')).not.toBeNull();
|
|
});
|
|
|
|
it('should show search results when user types something', async(() => {
|
|
searchApiService = fixture.componentRef.injector.get(SearchService);
|
|
spyOn(searchApiService, 'search').and.returnValue(of(fakeAuthorityListResult));
|
|
expect(element.querySelector('#adf-add-permission-type-search')).not.toBeNull();
|
|
expect(element.querySelector('#searchInput')).not.toBeNull();
|
|
typeWordIntoSearchInput('a');
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#adf-add-permission-authority-results')).not.toBeNull();
|
|
expect(element.querySelector('#result_option_0')).not.toBeNull();
|
|
});
|
|
}));
|
|
|
|
it('should emit a select event with the selected items when an item is clicked', async(() => {
|
|
searchApiService = fixture.componentRef.injector.get(SearchService);
|
|
spyOn(searchApiService, 'search').and.returnValue(of(fakeAuthorityListResult));
|
|
component.select.subscribe((items) => {
|
|
expect(items).not.toBeNull();
|
|
expect(items[0].entry.id).toBeDefined();
|
|
expect(items[0].entry.id).not.toBeNull();
|
|
expect(items[0].entry.id).toBe(fakeAuthorityListResult.list.entries[0].entry.id);
|
|
});
|
|
|
|
typeWordIntoSearchInput('a');
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
const listElement: DebugElement = fixture.debugElement.query(By.css('#result_option_0'));
|
|
expect(listElement).not.toBeNull();
|
|
listElement.triggerEventHandler('click', {});
|
|
});
|
|
}));
|
|
|
|
it('should show the icon related on the nodeType', async(() => {
|
|
searchApiService = fixture.componentRef.injector.get(SearchService);
|
|
spyOn(searchApiService, 'search').and.returnValue(of(fakeAuthorityListResult));
|
|
expect(element.querySelector('#adf-add-permission-type-search')).not.toBeNull();
|
|
expect(element.querySelector('#searchInput')).not.toBeNull();
|
|
typeWordIntoSearchInput('a');
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#adf-add-permission-authority-results')).not.toBeNull();
|
|
expect(element.querySelector('#result_option_0 #add-person-icon')).toBeDefined();
|
|
expect(element.querySelector('#result_option_0 #add-person-icon')).not.toBeNull();
|
|
expect(element.querySelector('#result_option_2 #add-group-icon')).toBeDefined();
|
|
expect(element.querySelector('#result_option_2 #add-group-icon')).not.toBeNull();
|
|
});
|
|
}));
|
|
|
|
it('should clear the search when user delete the search input field', async(() => {
|
|
searchApiService = fixture.componentRef.injector.get(SearchService);
|
|
spyOn(searchApiService, 'search').and.returnValue(of(fakeAuthorityListResult));
|
|
expect(element.querySelector('#adf-add-permission-type-search')).not.toBeNull();
|
|
expect(element.querySelector('#searchInput')).not.toBeNull();
|
|
typeWordIntoSearchInput('a');
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#adf-add-permission-authority-results')).not.toBeNull();
|
|
expect(element.querySelector('#result_option_0')).not.toBeNull();
|
|
const clearButton = fixture.debugElement.query(By.css('#adf-permission-clear-input'));
|
|
expect(clearButton).not.toBeNull();
|
|
clearButton.triggerEventHandler('click', {});
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#adf-add-permission-authority-results')).toBeNull();
|
|
});
|
|
});
|
|
}));
|
|
|
|
it('should remove element from selection when is clicked and already selected', async(() => {
|
|
searchApiService = fixture.componentRef.injector.get(SearchService);
|
|
spyOn(searchApiService, 'search').and.returnValue(of(fakeAuthorityListResult));
|
|
component.selectedItems.push(fakeAuthorityListResult.list.entries[0]);
|
|
component.select.subscribe((items) => {
|
|
expect(items).not.toBeNull();
|
|
expect(items[0]).toBeUndefined();
|
|
expect(component.selectedItems.length).toBe(0);
|
|
});
|
|
|
|
typeWordIntoSearchInput('a');
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
const listElement: DebugElement = fixture.debugElement.query(By.css('#result_option_0'));
|
|
expect(listElement).not.toBeNull();
|
|
listElement.triggerEventHandler('click', {});
|
|
});
|
|
}));
|
|
|
|
it('should always show as extra result the everyone group', async(() => {
|
|
searchApiService = fixture.componentRef.injector.get(SearchService);
|
|
spyOn(searchApiService, 'search').and.returnValue(of(fakeAuthorityListResult));
|
|
component.selectedItems.push(fakeAuthorityListResult.list.entries[0]);
|
|
|
|
typeWordIntoSearchInput('a');
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#adf-add-permission-authority-results')).not.toBeNull();
|
|
expect(element.querySelector('#result_option_0 #add-person-icon')).toBeDefined();
|
|
expect(element.querySelector('#result_option_0 #add-person-icon')).not.toBeNull();
|
|
expect(element.querySelector('#result_option_2 #add-group-icon')).toBeDefined();
|
|
expect(element.querySelector('#result_option_2 #add-group-icon')).not.toBeNull();
|
|
expect(element.querySelector('#adf-add-permission-group-everyone')).toBeDefined();
|
|
expect(element.querySelector('#adf-add-permission-group-everyone')).not.toBeNull();
|
|
});
|
|
}));
|
|
|
|
it('should show everyone group when search return no result', async(() => {
|
|
searchApiService = fixture.componentRef.injector.get(SearchService);
|
|
spyOn(searchApiService, 'search').and.returnValue(of({ list: { entries: [] } }));
|
|
component.selectedItems.push(fakeAuthorityListResult.list.entries[0]);
|
|
|
|
typeWordIntoSearchInput('a');
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#adf-add-permission-authority-results')).not.toBeNull();
|
|
expect(element.querySelector('#adf-add-permission-group-everyone')).toBeDefined();
|
|
expect(element.querySelector('#adf-add-permission-group-everyone')).not.toBeNull();
|
|
});
|
|
}));
|
|
|
|
});
|