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

[ACA-4407] unit test for data table custom header (#7004)

Browse Source 
* [ACA-4407] unit test for data table custom header

* * fix icon size
This commit is contained in:
Dharan
2021-05-10 17:45:05 +05:30
committed by GitHub
parent c45808053d
commit 87d87a4ce1
3 changed files with 39 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
lib/content-services/src/lib/permission-manager/components/permission-container/permission-container.component.scss
View File

@@ -26,6 +26,11 @@
.adf-authority-icon-column {
min-width: 40px;
}
.adf-datatable-selected > svg {
width: 40px;
height: 40px;
}
}
}
}

8
lib/content-services/src/lib/permission-manager/components/permission-list/permission-list.component.scss
View File

@@ -75,15 +75,7 @@
overflow: hidden;
flex: 1 1 auto;
}
&-datatable-list {
.adf-datatable-selected > svg {
width: 40px;
height: 40px;
}
}
}
[aria-sort='Ascending'] adf-user-role-column,
[aria-sort='Descending'] adf-user-role-column {

37
lib/core/datatable/components/datatable/datatable.component.spec.ts
View File

@@ -36,6 +36,17 @@ import { TranslateModule } from '@ngx-translate/core';
class CustomColumnTemplateComponent {
@ViewChild('tmplRef', { static: true }) templateRef: TemplateRef<any>;
}
@Component({
selector: 'adf-custom-column-header-component',
template: `
<ng-template #tmplRef>
CUSTOM HEADER
</ng-template>
`
})
class CustomColumnHeaderComponent {
@ViewChild('tmplRef', { static: true }) templateRef: TemplateRef<any>;
}
class FakeDataRow implements DataRow {
isDropTarget = false;
@@ -74,7 +85,7 @@ describe('DataTable', () => {
TranslateModule.forRoot(),
CoreTestingModule
],
schemas: [NO_ERRORS_SCHEMA]
declarations: [CustomColumnHeaderComponent]
});
beforeEach(() => {
@@ -1306,8 +1317,8 @@ describe('DataTable', () => {
spyOn(dataTable, 'resolverFn').and.callFake(resolverFn);
fixture.detectChanges();
const id1 = element.querySelector('[data-automation-id="text_1');
const id2 = element.querySelector('[data-automation-id="text_2');
const id1 = element.querySelector('[data-automation-id="text_1"]');
const id2 = element.querySelector('[data-automation-id="text_2"]');
const namesId1 = element.querySelector('[data-automation-id="text_foo - bar"]');
const namesId2 = element.querySelector('[data-automation-id="text_bar - baz"]');
@@ -1333,6 +1344,26 @@ describe('DataTable', () => {
const expectedNewDataColumns = [new ObjectDataColumn(newDataColumnsSchema)];
expect(dataTable.data.getColumns()).toEqual(expectedNewDataColumns);
});
it('should render the custom column header', () => {
const customHeader = TestBed.createComponent(CustomColumnHeaderComponent).componentInstance.templateRef;
dataTable.data = new ObjectDataTableAdapter([
{ id: 1, name: 'foo' },
{ id: 2, name: 'bar' }
],
[
new ObjectDataColumn({ key: 'id', title: 'ID' }),
new ObjectDataColumn({ key: 'name', title: 'Name', header: customHeader })
]
);
fixture.detectChanges();
const idColumn = element.querySelector('[data-automation-id="auto_id_id"]');
const nameColumn = element.querySelector('[data-automation-id="auto_id_name"]');
expect(idColumn.innerText).toContain('ID');
expect(nameColumn.innerText).toContain('CUSTOM HEADER');
});
});
describe('Accesibility', () => {