test(igxGrid): Fix test for groupBy #6640

Author: Vasil Mihalkov

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

@@ -218,7 +218,7 @@ describe('Row Pinning #grid', () => {
               expect(grid.getRowByIndex(1).rowID).toBe(fix.componentInstance.data[1]);
         });
 
-        it('pinned rows and groupby.', () => {
+        fit('pinned rows and groupby.', () => {
             // pin 1st and 2nd data row
             grid.pinRow(fix.componentInstance.data[0]);
             grid.pinRow(fix.componentInstance.data[1]);
@@ -230,32 +230,24 @@ describe('Row Pinning #grid', () => {
             });
             fix.detectChanges();
 
-            expect(grid.pinnedRecords.length).toBe(1);
-            let pinRowContainer = fix.debugElement.queryAll(By.css(FIXED_ROW_CONTAINER));
-            expect(pinRowContainer.length).toBe(1);
-            expect(pinRowContainer[0].children.length).toBe(1);
-            expect(pinRowContainer[0].children[0].context.rowID).toBe(fix.componentInstance.data[1]);
-            expect(pinRowContainer[0].children[0].nativeElement).toBe(grid.getRowByIndex(0).nativeElement);
+            expect(grid.pinnedRecords.length).toBe(2);
 
-            expect(grid.getRowByIndex(1).rowID).toBe(fix.componentInstance.data[0]);
-            expect(grid.getRowByIndex(2).rowID).toBe(fix.componentInstance.data[2]);
+            // verify rows
+            const groupRows = grid.groupsRowList.toArray();
+            const dataRows = grid.dataRowList.toArray();
 
-            // pin 3rd data row
-            grid.pinRow(fix.componentInstance.data[2]);
-            fix.detectChanges();
+            expect(groupRows.length).toEqual(2);
+            expect(dataRows.length).toEqual(7);
+            expect(groupRows[0].groupRow.records[0].ID).toEqual('AROUT');
 
-            pinRowContainer = fix.debugElement.queryAll(By.css(FIXED_ROW_CONTAINER));
-            expect(pinRowContainer[0].children.length).toBe(2);
-            expect(pinRowContainer[0].children[0].context.rowID).toBe(fix.componentInstance.data[1]);
-            expect(pinRowContainer[0].children[1].context.rowID).toBe(fix.componentInstance.data[2]);
+            // pin 4th data row with ID:AROUT
+            grid.pinRow(fix.componentInstance.data[3]);
+            fix.detectChanges();
 
-            expect(grid.getRowByIndex(2).rowID).toBe(fix.componentInstance.data[0]);
-            expect(grid.getRowByIndex(3).rowID).toBe(fix.componentInstance.data[3]);
+            expect(grid.pinnedRecords.length).toBe(3);
 
-            // 2 records pinned + 2px border
-            expect(grid.pinnedRowHeight).toBe(2 * grid.renderedRowHeight + 2);
-            const expectedHeight = parseInt(grid.height, 10) - grid.pinnedRowHeight - 18 -  grid.theadRow.nativeElement.offsetHeight;
-            expect(grid.calcHeight - expectedHeight).toBeLessThanOrEqual(1);
+            // make sure the pinned row is out of the first groupBy group
+            expect(groupRows[0].groupRow.records[0].ID).toEqual('BLAUS');
         });
     });
 });