chore(*): Update more tests.

Author: MKirova

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid-keyboard-nav.spec.ts

@@ -164,17 +164,21 @@ describe('IgxPivotGrid - Keyboard navigation #pivotGrid', () => {
         UIInteractions.simulateClickAndSelectEvent(firstCell);
         fixture.detectChanges();
 
-        const [firstHeader, secondHeader] = fixture.debugElement.queryAll(
-            By.css(`${PIVOT_HEADER_ROW} ${HEADER_CELL_CSS_CLASS}`));
+        let firstHeader = fixture.debugElement.queryAll(
+            By.css(`${PIVOT_HEADER_ROW} ${HEADER_CELL_CSS_CLASS}`))[0];
         UIInteractions.simulateClickAndSelectEvent(firstHeader);
         fixture.detectChanges();
 
+        firstHeader = fixture.debugElement.queryAll(
+            By.css(`${PIVOT_HEADER_ROW} ${HEADER_CELL_CSS_CLASS}`))[0];
         GridFunctions.verifyHeaderIsFocused(firstHeader.parent);
         let  activeCells = fixture.debugElement.queryAll(By.css(`${ACTIVE_CELL_CSS_CLASS}`));
         expect(activeCells.length).toBe(1);
 
         UIInteractions.triggerKeyDownEvtUponElem('ArrowRight', firstHeader.nativeElement);
         fixture.detectChanges();
+        let secondHeader = fixture.debugElement.queryAll(
+            By.css(`${PIVOT_HEADER_ROW} ${HEADER_CELL_CSS_CLASS}`))[1];
         GridFunctions.verifyHeaderIsFocused(secondHeader.parent);
         activeCells = fixture.debugElement.queryAll(By.css(`${ACTIVE_CELL_CSS_CLASS}`));
         expect(activeCells.length).toBe(1);

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

@@ -161,16 +161,19 @@ describe('Basic IgxPivotGrid #pivotGrid', () => {
         pivotGrid.notifyDimensionChange(true);
         fixture.detectChanges();
         expect(pivotGrid.columnGroupStates.size).toBe(0);
-        const headerRow = fixture.nativeElement.querySelector('igx-pivot-header-row');
-        const header = headerRow.querySelector('igx-grid-header-group');
-        const expander = header.querySelectorAll('igx-icon')[0];
+        let headerRow = fixture.nativeElement.querySelector('igx-pivot-header-row');
+        let header = headerRow.querySelector('igx-grid-header-group');
+        let expander = header.querySelectorAll('igx-icon')[0];
         expander.click();
         fixture.detectChanges();
         expect(pivotGrid.columnGroupStates.size).toBe(1);
         let value = pivotGrid.columnGroupStates.entries().next().value;
         expect(value[0]).toEqual('All Countries');
         expect(value[1]).toBeTrue();
 
+        headerRow = fixture.nativeElement.querySelector('igx-pivot-header-row');
+        header = headerRow.querySelector('igx-grid-header-group');
+        expander = header.querySelectorAll('igx-icon')[0];
         expander.click();
         fixture.detectChanges();
         value = pivotGrid.columnGroupStates.entries().next().value;
@@ -867,6 +870,8 @@ describe('IgxPivotGrid complex hierarchy #pivotGrid', () => {
     it('should select/deselect the correct column group', () => {
         fixture.detectChanges();
         const pivotGrid = fixture.componentInstance.pivotGrid;
+        pivotGrid.width = '1500px';
+        fixture.detectChanges();
         const group = GridFunctions.getColGroup(pivotGrid, 'Bulgaria');
         const unitsSold = pivotGrid.getColumnByName('Bulgaria-UnitsSold');
         const amountOfSale = pivotGrid.getColumnByName('Bulgaria-AmountOfSale');