test(grid): fix pinning tests #8119

Author: hanastasov

projects/igniteui-angular/src/lib/grids/grid/grid.pinning.spec.ts

@@ -191,18 +191,18 @@ describe('IgxGrid - Column Pinning #grid', () => {
 
             it('should correctly initialize pinned columns z-index values.', () => {
 
-                const headers = GridFunctions.getColumnGroupHeaders(fix);
+                const headers = GridFunctions.getColumnHeaders(fix);
 
                 // First two headers are pinned
-                expect(headers[0].componentInstance.zIndex).toEqual(9999);
-                expect(headers[1].componentInstance.zIndex).toEqual(9998);
+                expect(headers[0].parent.componentInstance.zIndex).toEqual(9999);
+                expect(headers[1].parent.componentInstance.zIndex).toEqual(9998);
 
                 grid.pinColumn('Region');
                 fix.detectChanges();
 
                 // First three headers are pinned
-                const secondColumnGroupHeader = GridFunctions.getColumnGroupHeaders(fix)[2];
-                expect(secondColumnGroupHeader.componentInstance.zIndex).toEqual(9997);
+                const secondColumnGroupHeader = GridFunctions.getColumnHeaders(fix)[2];
+                expect(secondColumnGroupHeader.parent.componentInstance.zIndex).toEqual(9997);
             });
 
             it('should not pin/unpin columns which are already pinned/unpinned', () => {

projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.integration.spec.ts

@@ -730,20 +730,20 @@ describe('IgxHierarchicalGrid Integration #hGrid', () => {
             hierarchicalGrid.expandRow(hierarchicalGrid.dataRowList.first.rowID);
 
             const childGrid = hierarchicalGrid.hgridAPI.getChildGrids(false)[0];
-            let childHeader = GridFunctions.getColumnGroupHeaders(fixture)[4];
+            let childHeader = GridFunctions.getColumnHeaders(fixture)[3];
             const firstHeaderIcon = childHeader.query(By.css('.igx-icon'));
 
-            expect(GridFunctions.isHeaderPinned(childHeader)).toBeFalsy();
+            expect(GridFunctions.isHeaderPinned(childHeader.parent)).toBeFalsy();
             expect(childGrid.columnList.first.pinned).toBeFalsy();
             expect(firstHeaderIcon).toBeDefined();
 
             UIInteractions.simulateClickAndSelectEvent(firstHeaderIcon);
             fixture.detectChanges();
             tick();
 
-            childHeader = GridFunctions.getColumnGroupHeaders(fixture)[4];
+            childHeader = GridFunctions.getColumnHeaders(fixture)[3];
             expect(childGrid.columnList.first.pinned).toBeTruthy();
-            expect(GridFunctions.isHeaderPinned(childHeader)).toBeTruthy();
+            expect(GridFunctions.isHeaderPinned(childHeader.parent)).toBeTruthy();
         }));
 
         it('should be applied correctly for child grid with multi-column header.', fakeAsync(() => {