test(hgrid): add test for onRowSelectionChange event #5693

Author: nrobakova

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

@@ -136,7 +136,6 @@ describe('IgxGrid - Keyboard navigation #grid', () => {
         displayContainer.dispatchEvent(event);
         await wait(300);
 
-        expect(firstCell.isSelected).toBeFalsy();
         expect(firstCell.selected).toBeFalsy();
         expect(firstCell.focused).toBeFalsy();
     }));
@@ -163,15 +162,15 @@ describe('IgxGrid - Keyboard navigation #grid', () => {
         fix.detectChanges();
 
         expect(cell.selected).toBeTruthy();
-        expect(secondRow.isSelected).toBeTruthy();
+        expect(secondRow.selected).toBeTruthy();
         expect(secondRowCheckbox.classList.contains('igx-checkbox--checked')).toBeTruthy();
 
         UIInteractions.triggerKeyDownEvtUponElem('space', cell.nativeElement, true);
         await wait(DEBOUNCETIME);
         fix.detectChanges();
 
         expect(cell.selected).toBeTruthy();
-        expect(secondRow.isSelected).toBeFalsy();
+        expect(secondRow.selected).toBeFalsy();
         expect(secondRowCheckbox.classList.contains('igx-checkbox--checked')).toBeFalsy();
 
         cell = grid.getCellByColumn(1, 'ID');
@@ -189,15 +188,15 @@ describe('IgxGrid - Keyboard navigation #grid', () => {
         await wait(DEBOUNCETIME);
         fix.detectChanges();
 
-        expect(firstRow.isSelected).toBeTruthy();
+        expect(firstRow.selected).toBeTruthy();
         expect(firstRowCheckbox.classList.contains('igx-checkbox--checked')).toBeTruthy();
 
         UIInteractions.triggerKeyDownEvtUponElem('space', cell.nativeElement, true);
         await wait(DEBOUNCETIME);
         fix.detectChanges();
 
         expect(cell.selected).toBeTruthy();
-        expect(firstRow.isSelected).toBeFalsy();
+        expect(firstRow.selected).toBeFalsy();
         expect(firstRowCheckbox.classList.contains('igx-checkbox--checked')).toBeFalsy();
 
         UIInteractions.triggerKeyDownWithBlur('tab', cell.nativeElement, true);

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

@@ -646,7 +646,7 @@ describe('IgxGrid - Row Selection #grid', () => {
             grid = fix.componentInstance.grid;
         }));
 
-        it('Change  RowSelection to multiple ', () => {
+        it('Change RowSelection to multiple ', () => {
             HelperUtils.verifyHeaderRowHasCheckbox(fix, false, false);
             HelperUtils.verifyRowHasCheckbox(grid.getRowByIndex(0).nativeElement, false, false);
 

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

@@ -593,7 +593,7 @@ describe('IgxGrid - Row Drag Tests #grid', () => {
             const dragIndicatorElement = dragIndicatorElements[2].nativeElement;
             const row = dragGridRows[1];
             const rowDragDirective = dragRows[1].injector.get(IgxRowDragDirective);
-            expect(row.isSelected).toBeTruthy();
+            expect(row.selected).toBeTruthy();
 
             const startPoint: Point = UIInteractions.getPointFromElement(dragIndicatorElement);
             const movePoint: Point = UIInteractions.getPointFromElement(dragGridRows[4].nativeElement);
@@ -614,7 +614,7 @@ describe('IgxGrid - Row Drag Tests #grid', () => {
             expect(row.grid.rowDragging).toBeFalsy();
             verifyRowDragEndEvent(dragGrid, row, rowDragDirective, false);
             expect(dropGrid.rowList.length).toEqual(1);
-            expect(row.isSelected).toBeTruthy();
+            expect(row.selected).toBeTruthy();
         }));
         it('should not apply selection class to ghost element when dragging selected grid row', (async () => {
             dragGrid.rowSelection = GridSelectionMode.multiple;
@@ -624,7 +624,7 @@ describe('IgxGrid - Row Drag Tests #grid', () => {
 
             const dragIndicatorElement = dragIndicatorElements[2].nativeElement;
             const row = dragGridRows[1];
-            expect(row.isSelected).toBeTruthy();
+            expect(row.selected).toBeTruthy();
 
             const startPoint: Point = UIInteractions.getPointFromElement(dragIndicatorElement);
             const movePoint: Point = UIInteractions.getPointFromElement(dragGridRows[4].nativeElement);

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

@@ -207,6 +207,85 @@ describe('IgxHierarchicalGrid selection #hGrid', () => {
             }
         });
 
+        it('should have fire event onRowSelectionChange', () => {
+            hierarchicalGrid.expandChildren = true;
+            fix.detectChanges();
+            const childGrid = hierarchicalGrid.hgridAPI.getChildGrids(false)[0];
+            const secondChildGrid = hierarchicalGrid.hgridAPI.getChildGrids(false)[1];
+            const parentSpy = spyOn<any>(hierarchicalGrid.onRowSelectionChange, 'emit').and.callThrough();
+            const childSpy = spyOn<any>(childGrid.onRowSelectionChange, 'emit').and.callThrough();
+            const secondChildSpy = spyOn<any>(secondChildGrid.onRowSelectionChange, 'emit').and.callThrough();
+            const mockEvent = new MouseEvent('click');
+
+            // Click on a row in child grid
+            let row = childGrid.dataRowList.toArray()[0];
+            row.nativeElement.dispatchEvent(mockEvent);
+            fix.detectChanges();
+
+            expect(secondChildSpy).toHaveBeenCalledTimes(0);
+            expect(parentSpy).toHaveBeenCalledTimes(0);
+            expect(childSpy).toHaveBeenCalledTimes(1);
+            expect(childSpy).toHaveBeenCalledWith({
+                added: ['00'],
+                cancel: false,
+                event: mockEvent,
+                newSelection: ['00'],
+                oldSelection: [],
+                removed: [],
+                owner: childGrid
+            });
+
+            // Click on checkbox on second row
+            HelperUtils.getRowCheckboxDiv(childGrid.dataRowList.toArray()[1].nativeElement).dispatchEvent(mockEvent);
+            fix.detectChanges();
+
+            expect(secondChildSpy).toHaveBeenCalledTimes(0);
+            expect(parentSpy).toHaveBeenCalledTimes(0);
+            expect(childSpy).toHaveBeenCalledTimes(2);
+            expect(childSpy).toHaveBeenCalledWith({
+                added: ['01'],
+                cancel: false,
+                event: mockEvent,
+                newSelection: ['01'],
+                oldSelection: ['00'],
+                removed: ['00'],
+                owner: childGrid
+            });
+
+            // Click on a row in parent grid
+            row = hierarchicalGrid.dataRowList.toArray()[1];
+            row.nativeElement.dispatchEvent(mockEvent);
+            fix.detectChanges();
+
+            expect(secondChildSpy).toHaveBeenCalledTimes(0);
+            expect(childSpy).toHaveBeenCalledTimes(2);
+            expect(parentSpy).toHaveBeenCalledTimes(1);
+            expect(parentSpy).toHaveBeenCalledWith({
+                added: ['1'],
+                cancel: false,
+                event: mockEvent,
+                newSelection: ['1'],
+                oldSelection: [],
+                removed: []
+            });
+
+            // Click on a header checkbox in parent grid
+            HelperUtils.getRowCheckboxDiv(HelperUtils.getHeaderRow(hierarchicalGrid)).dispatchEvent(mockEvent);
+            fix.detectChanges();
+
+            expect(secondChildSpy).toHaveBeenCalledTimes(0);
+            expect(childSpy).toHaveBeenCalledTimes(2);
+            expect(parentSpy).toHaveBeenCalledTimes(2);
+            expect(parentSpy).toHaveBeenCalledWith({
+                added: ['0', '2', '3', '4'],
+                cancel: false,
+                event: mockEvent,
+                newSelection: ['1', '0', '2', '3', '4'],
+                oldSelection: ['1'],
+                removed: []
+            });
+        });
+
         it('should able to select multiple rows with Shift and click', () => {
             // Expand first row
             const firstRow = hierarchicalGrid.dataRowList.toArray()[0];