mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-10-29 15:21:39 +00:00
cd2b489100
* remove useless module * upgrade to angular 8 * upgrade material to v8 * upgrade adf libs * migrate demo shell to v8 * upgrade to angular 9 * upgrade material to v9 * remove hammer * upgrade nx * upgrade datetime picker * upgrade flex layout * update core api * remove entry components * code fixes * upgrade testbed usage * code fixes * remove unnecessary core-js from tests * upgrade CLI * ts config fixes * fix builds * fix testing config * compile fixes * fix demo shell dev setup * fix core tests * fix card view import * upgrade nx * disable smart builds for now * remove fdescribe * restore smart builds * fix issues * unify tsconfigs and fix newly found issues * fix configuration and cleanup package scripts * improved production build from the same config * use ADF libs directly instead of node_modules * disable smart build * single app configuration (angular) * fix core build * fix build scripts * lint fixes * fix linting setup * fix linting rules * various fixes * disable affected libs for unit tests * cleanup insights package.json * simplify smart-build * fix content tests * fix tests * test fixes * fix tests * fix test * fix tests * disable AppExtensionsModule (monaco example) * remove monaco extension module * upgrade bundle check rules * fix insights tests and karma config * fix protractor config * e2e workaround * upgrade puppeteer and split linting and build * reusable resources config * update protractor config * fix after rebase * fix protractor config * fix e2e tsconfig * update e2e setup * Save demoshell artifact on S3 and remove travis cache * Push the libs on S3 and fetch before releasing it * Add deps * Add dependencies among libs and run only affected unit test and build * fix the travis stage name * fix after renaming dev to demoshell * force the order of the projects * remove unused dependencies * fix content e2e script * exit codes fix * add extra exit codes to core e2e * postinstall hook and package cleanup * cleanup packages * remove deprecated code and dependency on router * improve bundle analyzer script * minor code fixes * update spec * fix code after rebase * upgrade protractor after rebase * fix e2e mapping lib * Update tsconfig.e2e.json * update e2e tsconfig * fix angular config * fix protractor runs * cache dist folder for libs * update material selectors for dropdowns * selector fixes * remove duplicated e2e that have unit tests already * fix login selector * fix e2e * fix test * fix import issues * fix selector * cleanup old monaco extension files * cleanup demo shell login * add protractor max retries * disable customisations of protractor * fix login validation * fix after rebase * fix after rebase, disable latest versions of libs * Hide the report tab and rollback the localstorage * rename protractor config back to js * restore lint as part of build * cleanup code * do not copy anything to node_modules on dist test * fix unit tests * config fixes * fix code * fix code after rebase * fix tests * remove existing words from spellcheck * remove useless directive decorators * update package.json after rebase * add js-api back * code fixes * add missing export * update configs * fix code * try fix the sso login test * fix * remove puppeteer unit * fix e2e script * fix * make provider easy * fix routes module before upgrade * fix unit tests * upgrade angular cli * upgrade to angular 10 Co-authored-by: maurizio vitale <maurizio.vitale@alfresco.com> Co-authored-by: Eugenio Romano <eugenio.romano@alfresco.com> Co-authored-by: Eugenio Romano <eromano@users.noreply.github.com>
630 lines
29 KiB
TypeScript
630 lines
29 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 { By, DomSanitizer } from '@angular/platform-browser';
|
|
import { AuthenticationService, ContentService } from '../../services';
|
|
import { InitialUsernamePipe } from '../../pipes';
|
|
import { fakeBpmUser } from '../../mock/bpm-user.service.mock';
|
|
import { fakeEcmEditedUser, fakeEcmUser, fakeEcmUserNoImage } from '../../mock/ecm-user.service.mock';
|
|
import { BpmUserService } from '../../services/bpm-user.service';
|
|
import { EcmUserService } from '../../services/ecm-user.service';
|
|
import { IdentityUserService } from '../../services/identity-user.service';
|
|
import { BpmUserModel } from '../../models/bpm-user.model';
|
|
import { EcmUserModel } from '../../models/ecm-user.model';
|
|
import { UserInfoComponent } from './user-info.component';
|
|
import { of } from 'rxjs';
|
|
import { setupTestBed } from '../../testing/setup-test-bed';
|
|
import { CoreTestingModule } from '../../testing/core.testing.module';
|
|
import { TranslateModule } from '@ngx-translate/core';
|
|
|
|
class FakeSanitizer extends DomSanitizer {
|
|
|
|
constructor() {
|
|
super();
|
|
}
|
|
|
|
sanitize(html) {
|
|
return html;
|
|
}
|
|
|
|
bypassSecurityTrustHtml(value: string): any {
|
|
return value;
|
|
}
|
|
|
|
bypassSecurityTrustStyle(): any {
|
|
return null;
|
|
}
|
|
|
|
bypassSecurityTrustScript(): any {
|
|
return null;
|
|
}
|
|
|
|
bypassSecurityTrustUrl(): any {
|
|
return null;
|
|
}
|
|
|
|
bypassSecurityTrustResourceUrl(): any {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
describe('User info component', () => {
|
|
|
|
let component: UserInfoComponent;
|
|
let fixture: ComponentFixture<UserInfoComponent>;
|
|
let element: HTMLElement;
|
|
let authService: AuthenticationService;
|
|
let contentService: ContentService;
|
|
let ecmUserService: EcmUserService;
|
|
let bpmUserService: BpmUserService;
|
|
let identityUserService: IdentityUserService;
|
|
|
|
const identityUserMock = { firstName: 'fake-identity-first-name', lastName: 'fake-identity-last-name', email: 'fakeIdentity@email.com' };
|
|
const identityUserWithOutFirstNameMock = { firstName: null, lastName: 'fake-identity-last-name', email: 'fakeIdentity@email.com' };
|
|
const identityUserWithOutLastNameMock = { firstName: 'fake-identity-first-name', lastName: null, email: 'fakeIdentity@email.com' };
|
|
|
|
function openUserInfo() {
|
|
fixture.detectChanges();
|
|
const imageButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#logged-user-img');
|
|
imageButton.click();
|
|
fixture.detectChanges();
|
|
}
|
|
|
|
setupTestBed({
|
|
imports: [
|
|
TranslateModule.forRoot(),
|
|
CoreTestingModule
|
|
]
|
|
});
|
|
|
|
beforeEach(async(() => {
|
|
fixture = TestBed.createComponent(UserInfoComponent);
|
|
component = fixture.componentInstance;
|
|
element = fixture.nativeElement;
|
|
|
|
authService = TestBed.inject(AuthenticationService);
|
|
ecmUserService = TestBed.inject(EcmUserService);
|
|
bpmUserService = TestBed.inject(BpmUserService);
|
|
contentService = TestBed.inject(ContentService);
|
|
identityUserService = TestBed.inject(IdentityUserService);
|
|
|
|
spyOn(bpmUserService, 'getCurrentUserProfileImage').and.returnValue('');
|
|
spyOn(contentService, 'getContentUrl').and.returnValue('alfresco-logo.svg');
|
|
}));
|
|
|
|
afterEach(() => {
|
|
fixture.destroy();
|
|
});
|
|
|
|
it('should not show any image if the user is not logged in', () => {
|
|
expect(element.querySelector('#userinfo_container')).toBeDefined();
|
|
expect(element.querySelector('#logged-user-img')).toBeNull();
|
|
});
|
|
|
|
it('should NOT have users immediately after ngOnInit', () => {
|
|
expect(element.querySelector('#userinfo_container')).toBeDefined();
|
|
expect(element.querySelector('#ecm_username')).toBeNull();
|
|
expect(element.querySelector('#bpm_username')).toBeNull();
|
|
expect(element.querySelector('#user-profile-lists')).toBeNull();
|
|
});
|
|
|
|
describe('when user is logged on ecm', () => {
|
|
|
|
describe('ui ', () => {
|
|
|
|
beforeEach(() => {
|
|
spyOn(authService, 'isOauth').and.returnValue(false);
|
|
spyOn(authService, 'isEcmLoggedIn').and.returnValue(true);
|
|
spyOn(authService, 'isLoggedIn').and.returnValue(true);
|
|
spyOn(ecmUserService, 'getCurrentUserInfo').and.returnValue(of(fakeEcmEditedUser));
|
|
fixture.detectChanges();
|
|
});
|
|
|
|
it('should able to fetch ecm userInfo', async(() => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
component.ecmUser$.subscribe((response: EcmUserModel) => {
|
|
expect(response).toBeDefined();
|
|
expect(response.firstName).toBe('fake-ecm-first-name');
|
|
expect(response.lastName).toBe('fake-ecm-last-name');
|
|
expect(response.email).toBe('fakeEcm@ecmUser.com');
|
|
});
|
|
});
|
|
}));
|
|
|
|
it('should show ecm only last name when user first name is null ', async(() => {
|
|
fixture.detectChanges();
|
|
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
const imageButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#logged-user-img');
|
|
imageButton.click();
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#userinfo_container')).toBeDefined();
|
|
const ecmUsername = fixture.debugElement.query(By.css('#ecm-username'));
|
|
expect(ecmUsername).toBeDefined();
|
|
expect(ecmUsername).not.toBeNull();
|
|
expect(ecmUsername.nativeElement.textContent).not.toContain('fake-ecm-first-name');
|
|
expect(ecmUsername.nativeElement.textContent).not.toContain('null');
|
|
});
|
|
}));
|
|
|
|
it('should show the username when showName attribute is true', async(() => {
|
|
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
expect(component.showName).toBeTruthy();
|
|
expect(element.querySelector('#adf-userinfo-ecm-name-display')).not.toBeNull();
|
|
});
|
|
}));
|
|
|
|
it('should hide the username when showName attribute is false', async(() => {
|
|
component.showName = false;
|
|
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#adf-userinfo-ecm-name-display')).toBeNull();
|
|
});
|
|
}));
|
|
|
|
it('should have the defined class to show the name on the right side', async(() => {
|
|
fixture.detectChanges();
|
|
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#userinfo_container').classList).toContain('adf-userinfo-name-right');
|
|
});
|
|
}));
|
|
|
|
it('should not have the defined class to show the name on the left side', async(() => {
|
|
component.namePosition = 'left';
|
|
fixture.detectChanges();
|
|
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#userinfo_container').classList).not.toContain('adf-userinfo-name-right');
|
|
});
|
|
}));
|
|
});
|
|
|
|
describe('and has image', () => {
|
|
|
|
beforeEach(async(() => {
|
|
spyOn(authService, 'isOauth').and.returnValue(false);
|
|
spyOn(authService, 'isEcmLoggedIn').and.returnValue(true);
|
|
spyOn(authService, 'isLoggedIn').and.returnValue(true);
|
|
spyOn(ecmUserService, 'getCurrentUserInfo').and.returnValue(of(fakeEcmUser));
|
|
fixture.detectChanges();
|
|
}));
|
|
|
|
it('should get the ecm current user image from the service', async(() => {
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
const imageButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#logged-user-img');
|
|
imageButton.click();
|
|
fixture.detectChanges();
|
|
const loggedImage = fixture.debugElement.query(By.css('#logged-user-img'));
|
|
|
|
expect(element.querySelector('#userinfo_container')).not.toBeNull();
|
|
expect(loggedImage).not.toBeNull();
|
|
expect(loggedImage.properties.src).toContain('alfresco-logo.svg');
|
|
});
|
|
}));
|
|
|
|
it('should display the current user image if user has avatarId', async(() => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
const imageButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#logged-user-img');
|
|
imageButton.click();
|
|
fixture.detectChanges();
|
|
const loggedImage = fixture.debugElement.query(By.css('#logged-user-img'));
|
|
component.ecmUser$.subscribe((response: EcmUserModel) => {
|
|
expect(response).toBeDefined();
|
|
expect(response.avatarId).toBe('fake-avatar-id');
|
|
});
|
|
expect(element.querySelector('#userinfo_container')).not.toBeNull();
|
|
expect(loggedImage).not.toBeNull();
|
|
expect(loggedImage.properties.src).toContain('alfresco-logo.svg');
|
|
});
|
|
}));
|
|
|
|
it('should get the ecm user information from the service', async(() => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
const imageButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#logged-user-img');
|
|
imageButton.click();
|
|
fixture.detectChanges();
|
|
const ecmImage = fixture.debugElement.query(By.css('#ecm-user-detail-image'));
|
|
const ecmFullName = fixture.debugElement.query(By.css('#ecm-full-name'));
|
|
const ecmJobTitle = fixture.debugElement.query(By.css('#ecm-job-title-label'));
|
|
|
|
expect(element.querySelector('#userinfo_container')).not.toBeNull();
|
|
expect(fixture.debugElement.query(By.css('#ecm-username'))).not.toBeNull();
|
|
expect(ecmImage).not.toBeNull();
|
|
expect(ecmImage.properties.src).toContain('alfresco-logo.svg');
|
|
expect(ecmFullName.nativeElement.textContent).toContain('fake-ecm-first-name fake-ecm-last-name');
|
|
expect(ecmJobTitle.nativeElement.textContent).toContain('USER_PROFILE.LABELS.ECM.JOB_TITLE');
|
|
});
|
|
}));
|
|
});
|
|
|
|
describe('and has no image', () => {
|
|
|
|
beforeEach(async(() => {
|
|
spyOn(authService, 'isOauth').and.returnValue(false);
|
|
spyOn(authService, 'isEcmLoggedIn').and.returnValue(true);
|
|
spyOn(authService, 'isLoggedIn').and.returnValue(true);
|
|
spyOn(ecmUserService, 'getCurrentUserInfo').and.returnValue(of(fakeEcmUserNoImage));
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => fixture.detectChanges());
|
|
}));
|
|
|
|
it('should show N/A when the job title is null', async(() => {
|
|
const imageButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#user-initials-image');
|
|
imageButton.click();
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#userinfo_container')).not.toBeNull();
|
|
const ecmJobTitle = fixture.debugElement.query(By.css('#ecm-job-title'));
|
|
expect(ecmJobTitle).not.toBeNull();
|
|
expect(ecmJobTitle).not.toBeNull();
|
|
expect(ecmJobTitle.nativeElement.textContent).toContain('N/A');
|
|
}));
|
|
|
|
it('should not show the tabs', () => {
|
|
const imageButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#user-initials-image');
|
|
imageButton.click();
|
|
fixture.detectChanges();
|
|
const tabHeader = fixture.debugElement.query(By.css('#tab-group-env'));
|
|
expect(tabHeader.classes['adf-hide-tab']).toBeTruthy();
|
|
});
|
|
|
|
it('should display the current user Initials if the user dose not have avatarId', async(() => {
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
const pipe = new InitialUsernamePipe(new FakeSanitizer());
|
|
component.ecmUser$.subscribe((response: EcmUserModel) => {
|
|
expect(response).toBeDefined();
|
|
expect(response.avatarId).toBeNull();
|
|
});
|
|
expect(pipe.transform({
|
|
id: 13,
|
|
firstName: 'Wilbur',
|
|
lastName: 'Adams',
|
|
email: 'wilbur@app.com'
|
|
})).toBe('<div id="user-initials-image" class="">WA</div>');
|
|
});
|
|
}));
|
|
});
|
|
});
|
|
|
|
describe('when user is logged on bpm', () => {
|
|
|
|
let getCurrentUserInfoStub;
|
|
|
|
beforeEach(async(() => {
|
|
spyOn(authService, 'isOauth').and.returnValue(false);
|
|
spyOn(authService, 'isBpmLoggedIn').and.returnValue(true);
|
|
spyOn(authService, 'isLoggedIn').and.returnValue(true);
|
|
getCurrentUserInfoStub = spyOn(bpmUserService, 'getCurrentUserInfo').and.returnValue(of(fakeBpmUser));
|
|
}));
|
|
|
|
it('should fetch bpm userInfo', async(() => {
|
|
getCurrentUserInfoStub.and.returnValue(of(fakeBpmUser));
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
component.bpmUser$.subscribe((response: BpmUserModel) => {
|
|
expect(response).toBeDefined();
|
|
expect(response.firstName).toBe('fake-bpm-first-name');
|
|
expect(response.lastName).toBe('fake-bpm-last-name');
|
|
expect(response.email).toBe('fakeBpm@fake.com');
|
|
});
|
|
});
|
|
}));
|
|
|
|
it('should show full name next the user image', async(() => {
|
|
getCurrentUserInfoStub.and.returnValue(of(fakeBpmUser));
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
const imageButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#logged-user-img');
|
|
imageButton.click();
|
|
fixture.detectChanges();
|
|
const bpmUserName = fixture.debugElement.query(By.css('#bpm-username'));
|
|
expect(element.querySelector('#userinfo_container')).not.toBeNull();
|
|
expect(bpmUserName).toBeDefined();
|
|
expect(bpmUserName).not.toBeNull();
|
|
expect(bpmUserName.nativeElement.innerHTML).toContain('fake-bpm-first-name fake-bpm-last-name');
|
|
});
|
|
}));
|
|
|
|
it('should get the bpm current user image from the service', async(() => {
|
|
getCurrentUserInfoStub.and.returnValue(of(fakeBpmUser));
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#userinfo_container')).not.toBeNull();
|
|
expect(element.querySelector('#logged-user-img')).not.toBeNull();
|
|
expect(element.querySelector('#logged-user-img').getAttribute('src'))
|
|
.toContain('activiti-app/app/rest/admin/profile-picture');
|
|
});
|
|
}));
|
|
|
|
it('should show last name if first name is null', async(() => {
|
|
fixture.detectChanges();
|
|
const wrongBpmUser: BpmUserModel = new BpmUserModel({
|
|
firstName: null,
|
|
lastName: 'fake-last-name'
|
|
});
|
|
getCurrentUserInfoStub.and.returnValue(of(wrongBpmUser));
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
const fullNameElement = (element.querySelector('#adf-userinfo-bpm-name-display'));
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#userinfo_container')).toBeDefined();
|
|
expect(element.querySelector('#adf-userinfo-bpm-name-display')).not.toBeNull();
|
|
expect(fullNameElement.textContent).toContain('fake-last-name');
|
|
expect(fullNameElement.textContent).not.toContain('fake-first-name');
|
|
|
|
});
|
|
}));
|
|
|
|
it('should not show first name if it is null string', async(() => {
|
|
const wrongFirstNameBpmUser: BpmUserModel = new BpmUserModel({
|
|
firstName: 'null',
|
|
lastName: 'fake-last-name'
|
|
});
|
|
getCurrentUserInfoStub.and.returnValue(of(wrongFirstNameBpmUser));
|
|
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#userinfo_container')).toBeDefined();
|
|
expect(element.querySelector('#adf-userinfo-bpm-name-display')).toBeDefined();
|
|
expect(element.querySelector('#adf-userinfo-bpm-name-display').textContent).toContain('fake-last-name');
|
|
expect(element.querySelector('#adf-userinfo-bpm-name-display').textContent).not.toContain('null');
|
|
});
|
|
}));
|
|
|
|
it('should not show last name if it is null string', async(() => {
|
|
const wrongLastNameBpmUser: BpmUserModel = new BpmUserModel({
|
|
firstName: 'fake-first-name',
|
|
lastName: 'null'
|
|
});
|
|
getCurrentUserInfoStub.and.returnValue(of(wrongLastNameBpmUser));
|
|
fixture.detectChanges();
|
|
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#userinfo_container')).toBeDefined();
|
|
expect(element.querySelector('#adf-userinfo-bpm-name-display')).toBeDefined();
|
|
expect(element.querySelector('#adf-userinfo-bpm-name-display').textContent).toContain('fake-first-name');
|
|
expect(element.querySelector('#adf-userinfo-bpm-name-display').textContent).not.toContain('null');
|
|
});
|
|
}));
|
|
|
|
it('should not show the tabs', async(() => {
|
|
fixture.detectChanges();
|
|
const imageButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#logged-user-img');
|
|
imageButton.click();
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
expect(fixture.debugElement.query(By.css('#tab-group-env')).classes['adf-hide-tab']).toBeTruthy();
|
|
});
|
|
}));
|
|
});
|
|
|
|
describe('when user is logged on bpm and ecm', () => {
|
|
|
|
let ecmUserInfoSpy;
|
|
|
|
beforeEach(async(() => {
|
|
spyOn(authService, 'isOauth').and.returnValue(false);
|
|
spyOn(authService, 'isEcmLoggedIn').and.returnValue(true);
|
|
spyOn(authService, 'isBpmLoggedIn').and.returnValue(true);
|
|
spyOn(authService, 'isLoggedIn').and.returnValue(true);
|
|
|
|
ecmUserInfoSpy = spyOn(ecmUserService, 'getCurrentUserInfo').and.returnValue(of(fakeEcmUser));
|
|
spyOn(bpmUserService, 'getCurrentUserInfo').and.returnValue(of(fakeBpmUser));
|
|
}));
|
|
|
|
it('should able to fetch ecm userInfo', async(() => {
|
|
fixture.detectChanges();
|
|
|
|
fixture.whenStable().then(() => {
|
|
component.ecmUser$.subscribe((response: EcmUserModel) => {
|
|
expect(response).toBeDefined();
|
|
expect(response.firstName).toBe('fake-ecm-first-name');
|
|
expect(response.lastName).toBe('fake-ecm-last-name');
|
|
expect(response.email).toBe('fakeEcm@ecmUser.com');
|
|
});
|
|
});
|
|
}));
|
|
|
|
it('should able to fetch bpm userInfo', async(() => {
|
|
fixture.detectChanges();
|
|
|
|
fixture.whenStable().then(() => {
|
|
component.bpmUser$.subscribe((response: BpmUserModel) => {
|
|
expect(response).toBeDefined();
|
|
expect(response.firstName).toBe('fake-bpm-first-name');
|
|
expect(response.lastName).toBe('fake-bpm-last-name');
|
|
expect(response.email).toBe('fakeBpm@fake.com');
|
|
});
|
|
});
|
|
}));
|
|
|
|
it('should get the bpm user information from the service', async(() => {
|
|
openUserInfo();
|
|
const bpmTab = fixture.debugElement.queryAll(By.css('#tab-group-env .mat-tab-labels .mat-tab-label'))[1];
|
|
bpmTab.triggerEventHandler('click', null);
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
const bpmUsername = fixture.debugElement.query(By.css('#bpm-username'));
|
|
const bpmImage = fixture.debugElement.query(By.css('#bpm-user-detail-image'));
|
|
expect(element.querySelector('#userinfo_container')).not.toBeNull();
|
|
expect(bpmUsername).not.toBeNull();
|
|
expect(bpmImage).not.toBeNull();
|
|
expect(bpmImage.properties.src).toContain('app/rest/admin/profile-picture');
|
|
expect(bpmUsername.nativeElement.textContent).toContain('fake-bpm-first-name fake-bpm-last-name');
|
|
expect(fixture.debugElement.query(By.css('#bpm-tenant')).nativeElement.textContent).toContain('fake-tenant-name');
|
|
});
|
|
}));
|
|
|
|
it('should get the ecm user information from the service', async(() => {
|
|
openUserInfo();
|
|
const ecmUsername = fixture.debugElement.query(By.css('#ecm-username'));
|
|
const ecmImage = fixture.debugElement.query(By.css('#ecm-user-detail-image'));
|
|
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(element.querySelector('#userinfo_container')).toBeDefined();
|
|
expect(ecmUsername).not.toBeNull();
|
|
expect(ecmImage).not.toBeNull();
|
|
expect(ecmImage.properties.src).toContain('alfresco-logo.svg');
|
|
expect(fixture.debugElement.query(By.css('#ecm-full-name')).nativeElement.textContent).toContain('fake-ecm-first-name fake-ecm-last-name');
|
|
expect(fixture.debugElement.query(By.css('#ecm-job-title')).nativeElement.textContent).toContain('job-ecm-test');
|
|
});
|
|
}));
|
|
|
|
it('should show the ecm image if exists', async(() => {
|
|
openUserInfo();
|
|
expect(element.querySelector('#userinfo_container')).toBeDefined();
|
|
expect(element.querySelector('#logged-user-img')).toBeDefined();
|
|
expect(element.querySelector('#logged-user-img').getAttribute('src')).toEqual('alfresco-logo.svg');
|
|
}));
|
|
|
|
it('should show the ecm initials if the ecm user has no image', async(() => {
|
|
ecmUserInfoSpy.and.returnValue(of(fakeEcmUserNoImage));
|
|
fixture.detectChanges();
|
|
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#userinfo_container')).toBeDefined();
|
|
expect(element.querySelector('#user-initials-image').textContent).toContain('ff');
|
|
});
|
|
}));
|
|
|
|
it('should show the tabs for the env', () => {
|
|
openUserInfo();
|
|
const tabGroup = fixture.debugElement.query(By.css('#tab-group-env'));
|
|
const tabs = fixture.debugElement.queryAll(By.css('#tab-group-env .mat-tab-labels .mat-tab-label'));
|
|
|
|
expect(tabGroup).not.toBeNull();
|
|
expect(tabGroup.classes['adf-hide-tab']).toBeFalsy();
|
|
expect(tabs.length).toBe(2);
|
|
});
|
|
|
|
it('should not close the menu when a tab is clicked', () => {
|
|
openUserInfo();
|
|
const tabGroup = fixture.debugElement.query(By.css('#tab-group-env'));
|
|
const tabs = fixture.debugElement.queryAll(By.css('#tab-group-env .mat-tab-labels .mat-tab-label'));
|
|
|
|
expect(tabGroup).not.toBeNull();
|
|
tabs[1].triggerEventHandler('click', null);
|
|
fixture.detectChanges();
|
|
expect(fixture.debugElement.query(By.css('#user-profile-lists'))).not.toBeNull();
|
|
});
|
|
});
|
|
|
|
describe('when identity user is logged in', () => {
|
|
|
|
let getCurrentUserInfoStub;
|
|
|
|
beforeEach(async(() => {
|
|
spyOn(authService, 'isOauth').and.returnValue(true);
|
|
spyOn(authService, 'isLoggedIn').and.returnValue(true);
|
|
getCurrentUserInfoStub = spyOn(identityUserService, 'getCurrentUserInfo').and.returnValue(identityUserMock);
|
|
}));
|
|
|
|
it('should able to fetch identity userInfo', async(() => {
|
|
fixture.detectChanges();
|
|
|
|
fixture.whenStable().then(() => {
|
|
component.identityUser$.subscribe(response => {
|
|
expect(response).toBeDefined();
|
|
expect(response.firstName).toBe('fake-identity-first-name');
|
|
expect(response.lastName).toBe('fake-identity-last-name');
|
|
expect(response.email).toBe('fakeIdentity@email.com');
|
|
});
|
|
});
|
|
}));
|
|
|
|
it('should show full name next the user image', async(() => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
const imageButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#identity-user-image');
|
|
imageButton.click();
|
|
fixture.detectChanges();
|
|
const bpmUserName = element.querySelector('#identity-username');
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#userinfo_container')).not.toBeNull();
|
|
expect(bpmUserName).toBeDefined();
|
|
expect(bpmUserName).not.toBeNull();
|
|
expect(bpmUserName.textContent).toContain('fake-identity-first-name fake-identity-last-name');
|
|
});
|
|
}));
|
|
|
|
it('should show last name if first name is null', async(() => {
|
|
fixture.detectChanges();
|
|
getCurrentUserInfoStub.and.returnValue(identityUserWithOutFirstNameMock);
|
|
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
fixture.detectChanges();
|
|
const fullNameElement = element.querySelector('#adf-userinfo-identity-name-display');
|
|
expect(element.querySelector('#userinfo_container')).toBeDefined();
|
|
expect(element.querySelector('#adf-userinfo-identity-name-display')).not.toBeNull();
|
|
expect(fullNameElement.textContent).toContain('fake-identity-last-name');
|
|
expect(fullNameElement.textContent).not.toContain('fake-identity-first-name');
|
|
});
|
|
}));
|
|
|
|
it('should not show first name if it is null string', async(() => {
|
|
getCurrentUserInfoStub.and.returnValue(of(identityUserWithOutFirstNameMock));
|
|
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
const fullNameElement = element.querySelector('#adf-userinfo-identity-name-display');
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#userinfo_container')).toBeDefined();
|
|
expect(fullNameElement).toBeDefined();
|
|
expect(fullNameElement.textContent).toContain('fake-identity-last-name');
|
|
expect(fullNameElement.textContent).not.toContain('null');
|
|
});
|
|
}));
|
|
|
|
it('should not show last name if it is null string', async(() => {
|
|
getCurrentUserInfoStub.and.returnValue(of(identityUserWithOutLastNameMock));
|
|
fixture.detectChanges();
|
|
|
|
fixture.whenStable().then(() => {
|
|
const fullNameElement = element.querySelector('#adf-userinfo-identity-name-display');
|
|
fixture.detectChanges();
|
|
expect(element.querySelector('#userinfo_container')).toBeDefined();
|
|
expect(fullNameElement).toBeDefined();
|
|
expect(fullNameElement.textContent).toContain('fake-identity-first-name');
|
|
expect(fullNameElement.textContent).not.toContain('null');
|
|
});
|
|
}));
|
|
});
|
|
});
|