test(igxTreeGrid): Adds basic rp test and backbone of other rp tests #6640

Author: 3phase

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

@@ -8,7 +8,8 @@ import {
     IgxTreeGridStringTreeColumnComponent, IgxTreeGridDateTreeColumnComponent, IgxTreeGridBooleanTreeColumnComponent,
     IgxTreeGridRowEditingComponent, IgxTreeGridMultiColHeadersComponent,
     IgxTreeGridRowEditingTransactionComponent,
-    IgxTreeGridRowEditingHierarchicalDSTransactionComponent
+    IgxTreeGridRowEditingHierarchicalDSTransactionComponent,
+    IgxTreeGridRowPinningComponent
 } from '../../test-utils/tree-grid-components.spec';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { TreeGridFunctions } from '../../test-utils/tree-grid-functions.spec';
@@ -38,6 +39,7 @@ describe('IgxTreeGrid - Integration #tGrid', () => {
                 IgxTreeGridDateTreeColumnComponent,
                 IgxTreeGridBooleanTreeColumnComponent,
                 IgxTreeGridRowEditingComponent,
+                IgxTreeGridRowPinningComponent,
                 IgxTreeGridMultiColHeadersComponent,
                 IgxTreeGridRowEditingTransactionComponent,
                 IgxTreeGridRowEditingHierarchicalDSTransactionComponent
@@ -1374,4 +1376,35 @@ describe('IgxTreeGrid - Integration #tGrid', () => {
             expect(leftMostRightPinnedCellsPart + Number.parseInt(pinnedCellWidth, 10) <= rightMostGridPart).toBeTruthy();
         });
     });
+
+    describe('Row Pinning', () => {
+        it('should pin/unpin a row', () => {
+            fix = TestBed.createComponent(IgxTreeGridRowPinningComponent);
+            fix.detectChanges();
+
+            treeGrid = fix.componentInstance.treeGrid as IgxTreeGridComponent;
+            treeGrid.pinRow(711);
+            treeGrid.cdr.detectChanges();
+
+            expect(treeGrid.pinnedRecordsCount).toBe(1);
+            expect(treeGrid.getRowByKey(711).pinned).toBe(true);
+
+            treeGrid.unpinRow(711);
+            treeGrid.cdr.detectChanges();
+            expect(treeGrid.pinnedRecordsCount).toBe(0);
+            expect(treeGrid.getRowByKey(711).pinned).toBe(false);
+
+            treeGrid.getRowByKey(711).pin();
+            treeGrid.cdr.detectChanges();
+            expect(treeGrid.pinnedRecordsCount).toBe(1);
+
+            treeGrid.getRowByKey(711).unpin();
+            treeGrid.cdr.detectChanges();
+            expect(treeGrid.pinnedRecordsCount).toBe(0);
+        });
+        it('should pin/unpin a row at the bottom', () => {});
+        it('should calculate row indices correctly after row pinning', () => {});
+        it('should disable pinned row instance in the body', () => {});
+        it('should add pinned badge in the pinned row instance in the body', () => {});
+    });
 });

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

@@ -471,6 +471,21 @@ export class IgxTreeGridRowEditingHierarchicalDSTransactionComponent {
     public paging = false;
 }
 
+@Component({
+    template: `<igx-tree-grid #treeGrid [data]="data" primaryKey="ID" childDataKey="Employees"
+    [rowEditable]="true" width="900px" height="600px">
+        <igx-column [field]="'ID'" dataType="number"></igx-column>
+        <igx-column [field]="'Name'" dataType="string"></igx-column>
+        <igx-column [field]="'HireDate'" dataType="date"></igx-column>
+        <igx-column [field]="'Age'" dataType="number"></igx-column>
+        <igx-column [field]="'OnPTO'" dataType="boolean"></igx-column>
+    </igx-tree-grid>`
+})
+export class IgxTreeGridRowPinningComponent {
+    public data = SampleTestData.employeeAllTypesTreeData();
+    @ViewChild(IgxTreeGridComponent, { static: true }) public treeGrid: IgxTreeGridComponent;
+}
+
 @Component({
     template:
         `<div [style.width.px]="outerWidth" [style.height.px]="outerHeight">