inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-4559] Add chips to multivalue metadata properties (#5552)

Browse Source 
* [ADF-4559] Add chips to multivalue metadata properties

* Fix app config schema

* Restore app config

* Fix checkListIsSorted method

* Fix e2e datatable sorting

* Fix e2e tests

* Improve chips input
This commit is contained in:
davidcanonieto
2020-03-23 13:02:01 +00:00
committed by GitHub
parent 666dd45fa2
commit 144da83d0e
9 changed files with 223 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
lib/core/card-view/components/card-view-textitem/card-view-textitem.component.spec.ts
View File

@@ -23,6 +23,7 @@ import { CardViewTextItemComponent } from './card-view-textitem.component';
import { setupTestBed } from '../../../testing/setup-test-bed';
import { CoreTestingModule } from '../../../testing/core.testing.module';
import { CardViewItemFloatValidator, CardViewItemIntValidator } from '@alfresco/adf-core';
import { MatChipsModule } from '@angular/material';
describe('CardViewTextItemComponent', () => {
@@ -31,7 +32,10 @@ describe('CardViewTextItemComponent', () => {
const mouseEvent = new MouseEvent('click');
setupTestBed({
imports: [CoreTestingModule]
imports: [
CoreTestingModule,
MatChipsModule
]
});
beforeEach(() => {
@@ -146,6 +150,48 @@ describe('CardViewTextItemComponent', () => {
const editIcon = fixture.debugElement.query(By.css(`[data-automation-id="card-textitem-edit-icon-${component.property.key}"]`));
expect(editIcon).toBeNull('Edit icon should NOT be shown');
});
it('should render chips for multivalue properties when chips are enabled', () => {
component.property = new CardViewTextItemModel({
label: 'Text label',
value: ['item1', 'item2', 'item3'],
key: 'textkey',
default: ['FAKE-DEFAULT-KEY'],
editable: true,
multivalued: true
});
component.useChipsForMultiValueProperty = true;
component.ngOnChanges();
fixture.detectChanges();
const valueChips = fixture.debugElement.queryAll(By.css(`mat-chip`));
expect(valueChips).not.toBeNull();
expect(valueChips.length).toBe(3);
expect(valueChips[0].nativeElement.innerText.trim()).toBe('item1');
expect(valueChips[1].nativeElement.innerText.trim()).toBe('item2');
expect(valueChips[2].nativeElement.innerText.trim()).toBe('item3');
});
it('should render string for multivalue properties when chips are disabled', () => {
component.property = new CardViewTextItemModel({
label: 'Text label',
value: ['item1', 'item2', 'item3'],
key: 'textkey',
default: ['FAKE-DEFAULT-KEY'],
editable: true,
multivalued: true
});
component.useChipsForMultiValueProperty = false;
component.ngOnChanges();
fixture.detectChanges();
const valueChips = fixture.debugElement.query(By.css(`mat-chip-list`));
const value = fixture.debugElement.query(By.css(`[data-automation-id="card-textitem-value-${component.property.key}"]`));
expect(value).not.toBeNull();
expect(value.nativeElement.innerText.trim()).toBe('item1,item2,item3');
expect(valueChips).toBeNull();
});
});
describe('clickable', () => {