test(paging): update tests related with pagination and state directive #9097

Author: ddincheva

projects/igniteui-angular/src/lib/grids/state.directive.spec.ts

@@ -589,7 +589,7 @@ class HelperFunctions {
 
 @Component({
     template: `
-        <igx-grid #grid [data]="data" [paging]="true" [autoGenerate]="false" igxGridState rowSelection="multiple"
+        <igx-grid #grid [data]="data" [autoGenerate]="false" igxGridState rowSelection="multiple"
             cellSelection="multiple" primaryKey="ProductID">
             <igx-column *ngFor="let c of columns"
                 [width]="c.width"
@@ -613,6 +613,7 @@ class HelperFunctions {
                 [pinned]="c.pinned"
                 [hidden]="c.hidden">
             </igx-column>
+            <igx-paginator></igx-paginator>
         </igx-grid>
     `
 })
@@ -637,7 +638,8 @@ export class IgxGridStateComponent {
 
 @Component({
     template: `
-        <igx-grid #grid [data]="data" [paging]="true" [autoGenerate]="true" [igxGridState]="options">
+        <igx-grid #grid [data]="data" [autoGenerate]="true" [igxGridState]="options">
+            <igx-paginator></igx-paginator>
         </igx-grid>
     `
 })

projects/igniteui-angular/src/lib/grids/state.hierarchicalgrid.spec.ts

@@ -48,7 +48,6 @@ describe('IgxHierarchicalGridState - input properties #hGrid', () => {
             filtering: true,
             advancedFiltering: true,
             sorting: true,
-            paging: true,
             cellSelection: true,
             rowSelection: true,
             columnSelection: true,
@@ -581,7 +580,7 @@ class HelperFunctions {
 
 @Component({
     template: `
-    <igx-hierarchical-grid #hGrid [data]="data" igxGridState [expandChildren]="true" [paging]="true" perPage="5" primaryKey="ID"
+    <igx-hierarchical-grid #hGrid [data]="data" igxGridState [expandChildren]="true" primaryKey="ID"
      [autoGenerate]="false" [height]="'800px'" [width]="'800px'" rowSelection="multiple" cellSelection="multiple">
         <igx-column *ngFor="let c of columns"
             [width]="c.width"
@@ -604,7 +603,8 @@ class HelperFunctions {
             [pinned]="c.pinned"
             [hidden]="c.hidden">
         </igx-column>
-        <igx-row-island [key]="'childData'" [autoGenerate]="false" #rowIsland [paging]="true" perPage="5" primaryKey="ID">
+        <igx-paginator [perPage]="5"></igx-paginator>
+        <igx-row-island [key]="'childData'" [autoGenerate]="false" #rowIsland primaryKey="ID">
             <igx-column *ngFor="let c of childColumns"
                 [width]="c.width"
                 [sortable]="c.sortable"
@@ -626,7 +626,9 @@ class HelperFunctions {
                 [pinned]="c.pinned"
                 [hidden]="c.hidden">
             </igx-column>
-            <igx-row-island [key]="'childData'" [autoGenerate]="true" #rowIsland2 [paging]="true" perPage="5">
+            <igx-paginator *igxPaginator [perPage]="5"></igx-paginator>
+            <igx-row-island [key]="'childData'" [autoGenerate]="true" #rowIsland2>
+                <igx-paginator *igxPaginator [perPage]="5"></igx-paginator>
             </igx-row-island>
         </igx-row-island>
     </igx-hierarchical-grid>`

projects/igniteui-angular/src/lib/grids/state.treegrid.spec.ts

@@ -311,7 +311,7 @@ class HelperFunctions {
 @Component({
     template: `
     <igx-tree-grid #treeGrid [data]="data" childDataKey="Employees" expansionDepth="2" width="900px" height="800px" igxGridState
-        [paging]="true" perPage="5" primaryKey="ID" rowSelection="multiple" cellSelection="multiple">
+        primaryKey="ID" rowSelection="multiple" cellSelection="multiple">
 
         <igx-column *ngFor="let c of columns"
             [width]="c.width"
@@ -334,6 +334,7 @@ class HelperFunctions {
             [pinned]="c.pinned"
             [hidden]="c.hidden">
         </igx-column>
+        <igx-paginator [perPage]="5"></igx-paginator>
     </igx-tree-grid>
     `
 })