chore(*): fix more test specs

Author: ddincheva

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

@@ -558,8 +558,10 @@ describe('Row Pinning #grid', () => {
         beforeEach(fakeAsync(() => {
             fix = TestBed.createComponent(GridRowPinningComponent);
             fix.componentInstance.createSimpleData(12);
+            fix.detectChanges();
             grid = fix.componentInstance.instance;
-            grid.paging = true;
+            fix.componentInstance.paging = true;
+            fix.detectChanges();
             grid.perPage = 5;
 
             fix.detectChanges();
@@ -1270,12 +1272,14 @@ describe('Row Pinning #grid', () => {
             [height]='"500px"'
             [data]="data"
             [autoGenerate]="true">
+            <igx-paginator *ngIf="paging"></igx-paginator>
         </igx-grid>
     `
 })
 export class GridRowPinningComponent {
     @ViewChild(IgxGridComponent, { read: IgxGridComponent, static: true })
     public instance: IgxGridComponent;
+    public paging = false;
 
     public data: any[] = SampleTestData.contactInfoDataFull();
     public pinningConfig: IPinningConfig = { columns: ColumnPinningPosition.Start, rows: RowPinningPosition.Top };

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

@@ -1463,7 +1463,7 @@ describe('IgxGrid - Row Selection #grid', () => {
         }));
 
         it('Paging: Should persist through paging', () => {
-            grid.paging = true;
+            fix.componentInstance.paging = true;
             fix.detectChanges();
 
             const firstRow = grid.gridAPI.get_row_by_index(0);
@@ -1472,13 +1472,14 @@ describe('IgxGrid - Row Selection #grid', () => {
 
             secondRow.onRowSelectorClick(UIInteractions.getMouseEvent('click'));
             middleRow.onRowSelectorClick(UIInteractions.getMouseEvent('click'));
+            grid.notifyChanges(true);
             fix.detectChanges();
 
             GridSelectionFunctions.verifyRowSelected(secondRow);
             GridSelectionFunctions.verifyRowSelected(middleRow);
             GridSelectionFunctions.verifyHeaderRowCheckboxState(fix, false, true);
 
-            grid.nextPage();
+            grid.paginator.nextPage();
             fix.detectChanges();
 
             GridSelectionFunctions.verifyRowSelected(secondRow, false);
@@ -1503,7 +1504,7 @@ describe('IgxGrid - Row Selection #grid', () => {
         });
 
         it('Paging: Should persist all rows selection through paging', () => {
-            grid.paging = true;
+            fix.componentInstance.paging = true;
             fix.detectChanges();
 
             const secondRow = grid.gridAPI.get_row_by_index(1);
@@ -1533,7 +1534,7 @@ describe('IgxGrid - Row Selection #grid', () => {
         });
 
         it('Paging: Should be able to select rows with Shift and Click', () => {
-            grid.paging = true;
+            fix.componentInstance.paging = true;
             fix.detectChanges();
 
             const firstRow = grid.gridAPI.get_row_by_index(0);

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

@@ -2109,7 +2109,8 @@ describe('IgxGrid - Summaries #grid', () => {
         });
 
         it('Paging: should render correct summaries when paging is enable and position is buttom', fakeAsync(() => {
-            grid.paging = true;
+            fix.componentInstance.paging = true;
+            fix.detectChanges();
             grid.perPage = 3;
             fix.detectChanges();
             tick(16);
@@ -2146,7 +2147,8 @@ describe('IgxGrid - Summaries #grid', () => {
         }));
 
         it('Paging: should render correct summaries when paging is enable and position is top', fakeAsync(() => {
-            grid.paging = true;
+            fix.componentInstance.paging = true;
+            fix.detectChanges();
             grid.perPage = 3;
             grid.summaryPosition = 'top';
             fix.detectChanges();