test(hGrid): update hGrid test specs related to pagination #9097

Author: ddincheva

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

@@ -203,7 +203,7 @@ export class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirecti
     /** @hidden @internal */
     public get paginator() {
         const id = this.id;
-        return  (!this.parentIsland && this.paginatorCmpts?.first) || this.rootGrid.paginatorList?.find((pg) =>
+        return  (!this.parentIsland && this.paginationComponents?.first) || this.rootGrid.paginatorList?.find((pg) =>
             pg.nativeElement.offsetParent?.id === id);
     }
 

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

@@ -1516,9 +1516,10 @@ describe('IgxHierarchicalGrid selection #hGrid', () => {
             });
         });
 
-        it('Should have correct indices on all pages', () => {
+        it('Should have correct indices on all pages', fakeAsync(() => {
             // root grid
             hGrid.nextPage();
+            tick(100);
             fix.detectChanges();
             expect(hGrid.gridAPI.get_row_by_index(0).nativeElement.querySelector('.rowNumber').textContent).toEqual('15');
 
@@ -1527,10 +1528,15 @@ describe('IgxHierarchicalGrid selection #hGrid', () => {
             fix.detectChanges();
 
             const childGrid = hGrid.hgridAPI.getChildGrids(false)[0];
+            tick(100);
+            fix.detectChanges();
 
-            childGrid.nextPage();
+            childGrid.paginator.nextPage();
+            fix.detectChanges();
+            tick(100);
             fix.detectChanges();
+
             expect(childGrid.gridAPI.get_row_by_index(2).nativeElement.querySelector('.rowNumberChild').textContent).toEqual('17');
-        });
+        }));
     });
 });

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

@@ -1205,6 +1205,7 @@ describe('IgxHierarchicalGrid Template Changing Scenarios #hGrid', () => {
 
         const firstRow = child1Grid.componentInstance.getRowByIndex(0);
         firstRow.expanded = true;
+
         expect(firstRow.hasChildren).toBe(true);
         expect(firstRow.children).toBeUndefined();
         expect(firstRow.viewIndex).toEqual(0);

projects/igniteui-angular/src/lib/test-utils/hierarchical-grid-components.spec.ts

@@ -177,9 +177,10 @@ export class IgxHierarchicalGridRowSelectionNoTransactionsComponent {
         <igx-column field="ChildLevels"></igx-column>
         <igx-column field="ProductName"></igx-column>
         <igx-paginator></igx-paginator>
-        <igx-row-island [key]="'childData'" #rowIsland1 [paging]="true" [primaryKey]="'ID'" [rowSelection]="'single'">
+        <igx-row-island [key]="'childData'" #rowIsland1 [primaryKey]="'ID'" [rowSelection]="'single'">
             <igx-column field="ChildLevels"></igx-column>
             <igx-column field="ProductName"></igx-column>
+            <igx-paginator *igxPaginator></igx-paginator>
             <ng-template igxHeadSelector let-headContext>
                 <igx-checkbox [readonly]="true" (click)="handleHeadSelectorClick(headContext)"
                     [checked]="headContext.selectedCount === headContext.totalCount"