chore(tGrid): fix issue related with pagination whe expand/collapse rows #9097

Author: ddincheva

Diff for: projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid-expanding.spec.ts

@@ -786,7 +786,8 @@ describe('IgxTreeGrid - Expanding / Collapsing #tGrid', () => {
 
         it('should update current page when \'collapseAll\' ', fakeAsync(() => {
             // Test prerequisites
-            treeGrid.paging = true;
+            fix.componentInstance.paging = true;
+            fix.detectChanges();
             treeGrid.perPage = 2;
             fix.detectChanges();
             tick(16);
@@ -817,7 +818,8 @@ describe('IgxTreeGrid - Expanding / Collapsing #tGrid', () => {
 
         it('Should update the paginator when a row of any level is expanded', fakeAsync(() => {
             // Test prerequisites
-            treeGrid.paging = true;
+            fix.componentInstance.paging = true;
+            fix.detectChanges();
             treeGrid.perPage = 5;
             fix.detectChanges();
             tick(16);
@@ -862,7 +864,8 @@ describe('IgxTreeGrid - Expanding / Collapsing #tGrid', () => {
 
         it('Should update the paginator when a row of any level is collapsed', fakeAsync(() => {
             // Test prerequisites
-            treeGrid.paging = true;
+            fix.componentInstance.paging = true;
+            fix.detectChanges();
             treeGrid.perPage = 5;
             fix.detectChanges();
             tick(16);
@@ -892,7 +895,8 @@ describe('IgxTreeGrid - Expanding / Collapsing #tGrid', () => {
 
         it('Should update the paginator when navigating through pages', fakeAsync(() => {
             // Test prerequisites
-            treeGrid.paging = true;
+            fix.componentInstance.paging = true;
+            fix.detectChanges();
             treeGrid.perPage = 5;
             fix.detectChanges();
             tick(16);

Diff for: projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.pipes.ts

@@ -257,7 +257,7 @@ export class IgxTreeGridPagingPipe implements PipeTransform {
 
         const result: ITreeGridRecord[] = DataUtil.page(cloneArray(collection), state, len);
         grid.pagingState = state;
-        (grid as any)._page = state.index;
+        grid.paginator.page = state.index;
 
         return result;
     }