inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

AAE-29971 Buttons for dynamic component (#10539)

Browse Source 
* [AAE-29971] buttons for dynamic component

* [AAE-29971] added unit tests for projected content
This commit is contained in:
tomasz hanaj 2025-01-15 11:20:25 +01:00 committed by GitHub
parent af3ca02347
commit 18ff34c6c8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 39 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
lib/process-services-cloud/src/lib/screen/components/screen-cloud/screen-cloud.component.html
View File

@ -1 +1,8 @@
<div #container></div> <mat-card>
<mat-card-content>
<div #container></div>
</mat-card-content>
<mat-card-actions align="end">
<ng-content select="[buttons]"></ng-content>
</mat-card-actions>
</mat-card>

30
lib/process-services-cloud/src/lib/screen/components/screen-cloud/screen-cloud.component.spec.ts
View File

@ -16,12 +16,11 @@
*/ */
import { ComponentFixture, TestBed } from '@angular/core/testing'; import { ComponentFixture, TestBed } from '@angular/core/testing';
import { TaskScreenCloudComponent } from './screen-cloud.component';
import { Component } from '@angular/core';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import { ScreenRenderingService } from '../../../services/public-api'; import { Component } from '@angular/core';
import { By } from '@angular/platform-browser'; import { By } from '@angular/platform-browser';
import { ScreenRenderingService } from '../../../services/public-api';
import { TaskScreenCloudComponent } from './screen-cloud.component';
@Component({ @Component({
selector: 'adf-cloud-test-component', selector: 'adf-cloud-test-component',
@ -31,15 +30,27 @@ import { By } from '@angular/platform-browser';
}) })
class TestComponent {} class TestComponent {}
@Component({
selector: 'adf-cloud-test-actions-component',
template: `<adf-cloud-task-screen [taskId]="'1'" [appName]="'app-name-test'" [screenId]="'test'">
<div buttons class="adf-cloud-test-buttons">
<button>Test</button>
</div>
</adf-cloud-task-screen> `,
imports: [CommonModule, TaskScreenCloudComponent],
standalone: true
})
class TestWrapperComponent {}
describe('TaskScreenCloudComponent', () => { describe('TaskScreenCloudComponent', () => {
let fixture: ComponentFixture<TaskScreenCloudComponent>; let fixture: ComponentFixture<TestWrapperComponent>;
let screenRenderingService: ScreenRenderingService; let screenRenderingService: ScreenRenderingService;
beforeEach(() => { beforeEach(() => {
TestBed.configureTestingModule({ TestBed.configureTestingModule({
imports: [TaskScreenCloudComponent, TestComponent] imports: [TaskScreenCloudComponent, TestComponent, TestWrapperComponent]
}); });
fixture = TestBed.createComponent(TaskScreenCloudComponent); fixture = TestBed.createComponent(TestWrapperComponent);
screenRenderingService = TestBed.inject(ScreenRenderingService); screenRenderingService = TestBed.inject(ScreenRenderingService);
screenRenderingService.register({ ['test']: () => TestComponent }); screenRenderingService.register({ ['test']: () => TestComponent });
fixture.componentRef.setInput('screenId', 'test'); fixture.componentRef.setInput('screenId', 'test');
@ -50,4 +61,9 @@ describe('TaskScreenCloudComponent', () => {
const dynamicComponent = fixture.debugElement.query(By.css('.adf-cloud-test-container')); const dynamicComponent = fixture.debugElement.query(By.css('.adf-cloud-test-container'));
expect(dynamicComponent).toBeTruthy(); expect(dynamicComponent).toBeTruthy();
}); });
it('should project content into component', async () => {
const projectedContent = fixture.debugElement.query(By.css('.adf-cloud-test-buttons'));
expect(projectedContent).toBeTruthy();
});
}); });

5
lib/process-services-cloud/src/lib/screen/components/screen-cloud/screen-cloud.component.ts
View File

@ -18,12 +18,13 @@
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import { Component, ComponentRef, inject, Input, OnInit, ViewChild, ViewContainerRef } from '@angular/core'; import { Component, ComponentRef, inject, Input, OnInit, ViewChild, ViewContainerRef } from '@angular/core';
import { ScreenRenderingService } from '../../../services/public-api'; import { ScreenRenderingService } from '../../../services/public-api';
import { MatCardModule } from '@angular/material/card';
@Component({ @Component({
selector: 'adf-cloud-task-screen', selector: 'adf-cloud-task-screen',
standalone: true, standalone: true,
imports: [CommonModule], imports: [CommonModule, MatCardModule],
template: '<div #container></div>' templateUrl: './screen-cloud.component.html'
}) })
export class TaskScreenCloudComponent implements OnInit { export class TaskScreenCloudComponent implements OnInit {
/** Task id to fetch corresponding form and values. */ /** Task id to fetch corresponding form and values. */

7
lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud/user-task-cloud.component.html
View File

@ -26,10 +26,13 @@
<ng-container *ngSwitchCase="taskTypeEnum.Screen"> <ng-container *ngSwitchCase="taskTypeEnum.Screen">
<adf-cloud-task-screen <adf-cloud-task-screen
[taskId]="taskId"
[appName]="appName" [appName]="appName"
[screenId]="screenId" [screenId]="screenId"
/> [taskId]="taskId"
>
<ng-template [ngTemplateOutlet]="taskFormCloudButtons" buttons>
</ng-template>
</adf-cloud-task-screen>
</ng-container> </ng-container>
<ng-container *ngSwitchCase="taskTypeEnum.None"> <ng-container *ngSwitchCase="taskTypeEnum.None">