chore(*): Adding basic API tests.

Author: MKirova

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

@@ -57,6 +57,77 @@ describe('IgxGrid Master Detail', () => {
             expect(firstRowIcon.innerText).toEqual(EXPANDED_ICON_NAME);
             expect(firstRowDetail.querySelector('.addressArea').innerText).toEqual('Obere Str. 57');
         }));
+
+        it('Should expand and collapse a row in view by using the expand(rowID) and collapse(rowID) methods.', () => {
+            grid.expand(fix.componentInstance.data[0].ID);
+            fix.detectChanges();
+            let firstRowIcon = grid.rowList.first.element.nativeElement.querySelector('igx-icon');
+            expect(grid.expansionStates.size).toEqual(1);
+            expect(grid.expansionStates.has(grid.rowList.first.rowID)).toBeTruthy();
+            expect(grid.rowList.toArray()[0].expanded).toBeTruthy();
+            expect(firstRowIcon.innerText).toEqual(EXPANDED_ICON_NAME);
+            grid.collapse(fix.componentInstance.data[0].ID);
+            fix.detectChanges();
+            firstRowIcon = grid.rowList.first.element.nativeElement.querySelector('igx-icon');
+            expect(grid.expansionStates.get(fix.componentInstance.data[0].ID)).toBeFalsy();
+            expect(grid.rowList.toArray()[0].expanded).toBeFalsy();
+            expect(firstRowIcon.innerText).toEqual(COLLAPSED_ICON_NAME);
+        });
+
+        it('Should expand a row out of view by using the collapse() method and update expansionStates.', () => {
+            const lastIndex = fix.componentInstance.data.length - 1;
+            const lastDataRecID = fix.componentInstance.data[lastIndex].ID;
+            grid.expand(lastDataRecID);
+            fix.detectChanges();
+            expect(grid.expansionStates.size).toEqual(1);
+            expect(grid.expansionStates.get(lastDataRecID)).toBeTruthy();
+        });
+
+        it('Should collapse a row out of view by using the collapse() method and update expansionStates.', () => {
+            GridFunctions.setAllExpanded(grid, fix.componentInstance.data);
+            fix.detectChanges();
+            const lastIndex = fix.componentInstance.data.length - 1;
+            const lastDataRecID = fix.componentInstance.data[lastIndex].ID;
+            grid.collapse(lastDataRecID);
+            fix.detectChanges();
+            expect(grid.expansionStates.size).toEqual(fix.componentInstance.data.length);
+            expect(grid.expansionStates.get(lastDataRecID)).toBeFalsy();
+        });
+
+        it('Should toggle a row expand state by using the toggleRow(rowID) method.', () => {
+            grid.toggleRow(fix.componentInstance.data[0].ID);
+            fix.detectChanges();
+            expect(grid.expansionStates.size).toEqual(1);
+            expect(grid.expansionStates.has(grid.rowList.first.rowID)).toBeTruthy();
+            expect(grid.rowList.toArray()[0].expanded).toBeTruthy();
+            grid.toggleRow(fix.componentInstance.data[0].ID);
+            fix.detectChanges();
+            expect(grid.expansionStates.get(fix.componentInstance.data[0].ID)).toBeFalsy();
+            expect(grid.rowList.toArray()[0].expanded).toBeFalsy();
+        });
+
+        it('Should expand all rows using the expandAll() method and the expansion state should be updated.', () => {
+            grid.expandAll();
+            fix.detectChanges();
+            expect(grid.expansionStates.size).toEqual(fix.componentInstance.data.length);
+            grid.rowList.toArray().forEach(row => {
+                expect(row.expanded).toBeTruthy();
+            });
+        });
+
+        it('Should collapse all rows using the collapseAll() method and the expansion state should be updated.', () => {
+            GridFunctions.setAllExpanded(grid, fix.componentInstance.data);
+            fix.detectChanges();
+            grid.rowList.toArray().forEach(row => {
+                expect(row.expanded).toBeTruthy();
+            });
+            grid.collapseAll();
+            fix.detectChanges();
+            expect(grid.expansionStates.size).toEqual(0);
+            grid.rowList.toArray().forEach(row => {
+                expect(row.expanded).toBeFalsy();
+            });
+        });
     });
 });
 

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

@@ -163,6 +163,14 @@ export class GridFunctions {
         return null;
     }
 
+    public static setAllExpanded(grid, data) {
+        const allExpanded = new Map<any, boolean>();
+        data.forEach(item => {
+            allExpanded.set(item['ID'], true);
+        });
+        grid.expansionStates = allExpanded;
+    }
+
     public static expandMasterRowByClick = (fix, row: IgxGridRowComponent) => new Promise(async (resolve, reject) => {
         const icon = row.element.nativeElement.querySelector('igx-icon');
         UIInteractions.clickElement(icon.parentElement);