mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-10-08 14:51:32 +00:00
277 lines
10 KiB
TypeScript
277 lines
10 KiB
TypeScript
/*!
|
|
* @license
|
|
* Copyright © 2005-2024 Hyland Software, Inc. and its affiliates. All rights reserved.
|
|
*
|
|
* 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 { DebugElement, Component } from '@angular/core';
|
|
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
import { By } from '@angular/platform-browser';
|
|
import { AppsProcessService } from '../services/apps-process.service';
|
|
import { of, throwError } from 'rxjs';
|
|
import { defaultApp, deployedApps, nonDeployedApps } from '../testing/mock/apps-list.mock';
|
|
import { AppsListComponent, APP_LIST_LAYOUT_GRID, APP_LIST_LAYOUT_LIST } from './apps-list.component';
|
|
import { ProcessTestingModule } from '../testing/process.testing.module';
|
|
import { HarnessLoader } from '@angular/cdk/testing';
|
|
import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
|
|
import { MatProgressSpinnerHarness } from '@angular/material/progress-spinner/testing';
|
|
|
|
describe('AppsListComponent', () => {
|
|
let loader: HarnessLoader;
|
|
let component: AppsListComponent;
|
|
let fixture: ComponentFixture<AppsListComponent>;
|
|
let debugElement: DebugElement;
|
|
let service: AppsProcessService;
|
|
let getAppsSpy: jasmine.Spy;
|
|
|
|
@Component({
|
|
template: `
|
|
<adf-apps>
|
|
<adf-custom-empty-content-template>
|
|
<p id="custom-id">No Apps</p>
|
|
</adf-custom-empty-content-template>
|
|
</adf-apps>
|
|
`
|
|
})
|
|
class CustomEmptyAppListTemplateComponent {}
|
|
|
|
beforeEach(() => {
|
|
TestBed.configureTestingModule({
|
|
imports: [ProcessTestingModule],
|
|
declarations: [CustomEmptyAppListTemplateComponent]
|
|
});
|
|
fixture = TestBed.createComponent(AppsListComponent);
|
|
component = fixture.componentInstance;
|
|
debugElement = fixture.debugElement;
|
|
|
|
service = TestBed.inject(AppsProcessService);
|
|
getAppsSpy = spyOn(service, 'getDeployedApplications').and.returnValue(of(deployedApps));
|
|
loader = TestbedHarnessEnvironment.documentRootLoader(fixture);
|
|
});
|
|
|
|
afterEach(() => {
|
|
fixture.destroy();
|
|
});
|
|
|
|
it('should define layoutType with the default value', () => {
|
|
component.layoutType = '';
|
|
fixture.detectChanges();
|
|
expect(component.isGrid()).toBe(true);
|
|
});
|
|
|
|
it('should load apps on init', () => {
|
|
fixture.detectChanges();
|
|
expect(getAppsSpy).toHaveBeenCalled();
|
|
});
|
|
|
|
it('loading should be false by default', () => {
|
|
expect(component.loading).toBeFalsy();
|
|
});
|
|
|
|
it('should show the loading spinner when the apps are loading', async () => {
|
|
spyOn(component, 'isLoading').and.returnValue(true);
|
|
|
|
fixture.detectChanges();
|
|
await fixture.whenStable();
|
|
|
|
expect(await loader.hasHarness(MatProgressSpinnerHarness)).toBe(true);
|
|
});
|
|
|
|
it('should show the apps filtered by defaultAppId', () => {
|
|
component.filtersAppId = [{ defaultAppId: 'fake-app-1' }];
|
|
fixture.detectChanges();
|
|
expect(component.appList.length).toEqual(1);
|
|
});
|
|
|
|
it('should filter apps by defaultAppId', async () => {
|
|
const filtered = component.filterApps(deployedApps, [{ defaultAppId: 'fake-app-1' }]);
|
|
expect(filtered.length).toEqual(1);
|
|
expect(filtered[0].defaultAppId).toEqual('fake-app-1');
|
|
});
|
|
|
|
it('should filter apps by deploymentId', async () => {
|
|
const filtered = component.filterApps(deployedApps, [{ deploymentId: '4' }]);
|
|
expect(filtered.length).toEqual(1);
|
|
expect(filtered[0].deploymentId).toEqual('4');
|
|
});
|
|
|
|
it('should show the apps filtered by deploymentId', async () => {
|
|
component.filtersAppId = [{ deploymentId: '4' }];
|
|
|
|
fixture.detectChanges();
|
|
await fixture.whenStable();
|
|
|
|
expect(component.appList.length).toEqual(1);
|
|
expect(component.appList[0].deploymentId).toEqual('4');
|
|
});
|
|
|
|
it('should show the apps filtered by name', () => {
|
|
component.filtersAppId = [{ name: 'App5' }];
|
|
fixture.detectChanges();
|
|
expect(component.appList.length).toEqual(1);
|
|
expect(component.appList[0].name).toEqual('App5');
|
|
});
|
|
|
|
it('should show the apps filtered by id', () => {
|
|
component.filtersAppId = [{ id: 6 }];
|
|
fixture.detectChanges();
|
|
expect(component.appList.length).toEqual(1);
|
|
expect(component.appList[0].id).toEqual(6);
|
|
});
|
|
|
|
it('should show the apps filtered by modelId', () => {
|
|
component.filtersAppId = [{ modelId: 66 }];
|
|
fixture.detectChanges();
|
|
expect(component.appList.length).toEqual(2);
|
|
expect(component.appList[0].modelId).toEqual(66);
|
|
});
|
|
|
|
it('should show the apps filtered by tenantId', () => {
|
|
component.filtersAppId = [{ tenantId: 9 }];
|
|
fixture.detectChanges();
|
|
expect(component.appList.length).toEqual(2);
|
|
expect(component.appList[0].tenantId).toEqual(9);
|
|
});
|
|
|
|
it('should emit an error when an error occurs loading apps', () => {
|
|
const emitSpy = spyOn(component.error, 'emit');
|
|
getAppsSpy.and.returnValue(throwError({}));
|
|
fixture.detectChanges();
|
|
expect(emitSpy).toHaveBeenCalled();
|
|
});
|
|
|
|
describe('internationalization', () => {
|
|
it('should provide a translation for the default application name, when app name is not provided', () => {
|
|
const appDataMock: AppDefinitionRepresentation = {
|
|
defaultAppId: 'tasks',
|
|
name: null
|
|
};
|
|
|
|
expect(component.getAppName(appDataMock)).toBe('ADF_TASK_LIST.APPS.TASK_APP_NAME');
|
|
});
|
|
|
|
it('should provide the application name, when it exists', () => {
|
|
const appDataMock: AppDefinitionRepresentation = {
|
|
defaultAppId: 'uiu',
|
|
name: 'the-name'
|
|
};
|
|
|
|
expect(component.getAppName(appDataMock)).toBe(appDataMock.name);
|
|
});
|
|
});
|
|
|
|
describe('layout', () => {
|
|
it('should display a grid by default', () => {
|
|
fixture.detectChanges();
|
|
expect(component.isGrid()).toBe(true);
|
|
expect(component.isList()).toBe(false);
|
|
});
|
|
|
|
it('should display a grid when configured to', () => {
|
|
component.layoutType = APP_LIST_LAYOUT_GRID;
|
|
fixture.detectChanges();
|
|
expect(component.isGrid()).toBe(true);
|
|
expect(component.isList()).toBe(false);
|
|
});
|
|
|
|
it('should display a list when configured to', () => {
|
|
component.layoutType = APP_LIST_LAYOUT_LIST;
|
|
fixture.detectChanges();
|
|
expect(component.isGrid()).toBe(false);
|
|
expect(component.isList()).toBe(true);
|
|
});
|
|
|
|
it('should throw an exception on init if unknown type configured', () => {
|
|
component.layoutType = 'unknown';
|
|
expect(component.ngOnInit).toThrowError();
|
|
});
|
|
});
|
|
|
|
describe('display apps', () => {
|
|
it('should display all deployed apps', () => {
|
|
getAppsSpy.and.returnValue(of(deployedApps));
|
|
fixture.detectChanges();
|
|
expect(debugElement.queryAll(By.css('h1')).length).toBe(6);
|
|
});
|
|
|
|
it('should not display apps that are not deployed', () => {
|
|
getAppsSpy.and.returnValue(of(nonDeployedApps));
|
|
fixture.detectChanges();
|
|
expect(debugElement.queryAll(By.css('h1')).length).toBe(0);
|
|
});
|
|
|
|
it('should display default app', () => {
|
|
getAppsSpy.and.returnValue(of(defaultApp));
|
|
fixture.detectChanges();
|
|
expect(debugElement.queryAll(By.css('h1')).length).toBe(1);
|
|
});
|
|
});
|
|
|
|
describe('select apps', () => {
|
|
beforeEach(() => {
|
|
getAppsSpy.and.returnValue(of(deployedApps));
|
|
fixture.detectChanges();
|
|
});
|
|
|
|
it('should initially have no app selected', () => {
|
|
const selectedEls = debugElement.queryAll(By.css('.selectedIcon'));
|
|
expect(selectedEls.length).toBe(0);
|
|
});
|
|
|
|
it('should emit a click event when app selected', () => {
|
|
spyOn(component.appClick, 'emit');
|
|
component.selectApp(deployedApps[1]);
|
|
expect(component.appClick.emit).toHaveBeenCalledWith(deployedApps[1]);
|
|
});
|
|
|
|
it('should have one app shown as selected after app selected', () => {
|
|
component.selectApp(deployedApps[1]);
|
|
fixture.detectChanges();
|
|
const selectedEls = debugElement.queryAll(By.css('.adf-app-listgrid-item-card-actions-icon'));
|
|
expect(selectedEls.length).toBe(1);
|
|
});
|
|
|
|
it('should have the correct app shown as selected after app selected', () => {
|
|
component.selectApp(deployedApps[1]);
|
|
fixture.detectChanges();
|
|
const appEls = debugElement.queryAll(By.css('.adf-app-listgrid > div'));
|
|
expect(appEls[1].query(By.css('.adf-app-listgrid-item-card-actions-icon'))).not.toBeNull();
|
|
});
|
|
});
|
|
|
|
describe('Custom CustomEmptyAppListTemplateComponent', () => {
|
|
let customFixture: ComponentFixture<CustomEmptyAppListTemplateComponent>;
|
|
|
|
beforeEach(() => {
|
|
getAppsSpy.and.returnValue(of([]));
|
|
customFixture = TestBed.createComponent(CustomEmptyAppListTemplateComponent);
|
|
|
|
customFixture.detectChanges();
|
|
});
|
|
|
|
afterEach(() => {
|
|
customFixture.destroy();
|
|
});
|
|
|
|
it('should render the custom no-apps template', async () => {
|
|
customFixture.detectChanges();
|
|
await customFixture.whenStable();
|
|
|
|
const title: any = customFixture.debugElement.queryAll(By.css('#custom-id'));
|
|
expect(title.length).toBe(1);
|
|
expect(title[0].nativeElement.innerText).toBe('No Apps');
|
|
});
|
|
});
|
|
});
|