chore(*): update failing tests

Author: nrobakova

projects/igniteui-angular/src/lib/dialog/dialog.component.spec.ts

@@ -318,7 +318,7 @@ describe('Dialog', () => {
         expect(dialog.isOpen).toEqual(true);
 
         // Press 'escape' key
-        UIInteractions.triggerKeyDownEvtUponElem('Escape', document.documentElement);
+        UIInteractions.triggerKeyDownEvtUponElem('Escape', document.activeElement);
         tick(100);
         fix.detectChanges();
 

projects/igniteui-angular/src/lib/directives/autocomplete/autocomplete.directive.spec.ts

@@ -616,7 +616,7 @@ describe('IgxAutocomplete', () => {
             UIInteractions.triggerKeyDownEvtUponElem('enter', input.nativeElement, true);
             tick();
             fixture.detectChanges();
-            expect(autocomplete.handleKeyDown).toHaveBeenCalledTimes(1);
+            expect(autocomplete.handleKeyDown).toHaveBeenCalledTimes(3);
             expect(autocomplete.onInput).toHaveBeenCalledTimes(2);
             expect(autocomplete.close).toHaveBeenCalledTimes(1);
             expect(autocomplete.target.close).toHaveBeenCalledTimes(2);
@@ -625,7 +625,7 @@ describe('IgxAutocomplete', () => {
             spyOn(IgxDropDownItemNavigationDirective.prototype, 'handleKeyDown').and.callThrough();
             UIInteractions.triggerKeyDownEvtUponElem('ArrowDown', input.nativeElement, true);
             fixture.detectChanges();
-            expect(autocomplete.handleKeyDown).toHaveBeenCalledTimes(2);
+            expect(autocomplete.handleKeyDown).toHaveBeenCalledTimes(4);
             expect(IgxDropDownItemNavigationDirective.prototype.handleKeyDown).toHaveBeenCalledTimes(0);
 
             startsWith = 'w';

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

@@ -2657,7 +2657,7 @@ describe('IgxGrid - Cell selection #grid', () => {
             expect(grid.getSelectedData()).toEqual(selectedData);
             const cell = grid.getCellByColumn(2, 'ID');
 
-            UIInteractions.triggerKeyDownEvtUponElem('space', cell.nativeElement, true, false, false);
+            GridFunctions.simulateGridContentKeydown(fix, 'space');
             fix.detectChanges();
 
             expect(grid.getRowByIndex(2).selected).toBeTruthy();

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

@@ -351,7 +351,7 @@ describe('IgxGrid - Row Selection #grid', () => {
             GridSelectionFunctions.verifyRowSelected(firstRow, false);
 
             // Press Space key on the cell
-            UIInteractions.triggerKeyDownEvtUponElem('space', cell.nativeElement, true);
+            GridFunctions.simulateGridContentKeydown(fix, 'space');
             fix.detectChanges();
             await wait(DEBOUNCETIME);
 
@@ -369,7 +369,7 @@ describe('IgxGrid - Row Selection #grid', () => {
             GridSelectionFunctions.verifyRowSelected(firstRow);
 
             // Click Space on the cell
-            UIInteractions.triggerKeyDownEvtUponElem('space', cell.nativeElement, true);
+            GridFunctions.simulateGridContentKeydown(fix, 'space');
             fix.detectChanges();
             await wait(DEBOUNCETIME);
 
@@ -378,7 +378,7 @@ describe('IgxGrid - Row Selection #grid', () => {
             GridSelectionFunctions.verifyRowSelected(secondRow);
 
             // Click again Space on the cell
-            UIInteractions.triggerKeyDownEvtUponElem('space', cell.nativeElement, true);
+            GridFunctions.simulateGridContentKeydown(fix, 'space');
             fix.detectChanges();
             await wait(DEBOUNCETIME);
 

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

@@ -59,7 +59,7 @@ export class ControlsFunction {
   }
 
   public static getCheckboxInput(name: string, element: DebugElement, fix) {
-      const checkboxEl = this.getCheckboxElement(name, element, fix);
+      const checkboxEl = ControlsFunction.getCheckboxElement(name, element, fix);
       const chkInput = checkboxEl.query(By.css('input')).nativeElement as HTMLInputElement;
 
       return chkInput;
@@ -76,7 +76,7 @@ export class ControlsFunction {
   }
 
   public static verifyCheckbox(name: string, isChecked: boolean, isDisabled: boolean, element: DebugElement, fix) {
-      const chkInput = this.getCheckboxInput(name, element, fix);
+      const chkInput = ControlsFunction.getCheckboxInput(name, element, fix);
       expect(chkInput.type).toBe('checkbox');
       expect(chkInput.disabled).toBe(isDisabled);
       expect(chkInput.checked).toBe(isChecked);

projects/igniteui-angular/src/lib/time-picker/time-picker.component.spec.ts

@@ -1292,7 +1292,8 @@ describe('IgxTimePicker', () => {
 
             const customValue = '08:05 AM';
 
-            UIInteractions.sendInputElementValue(input, customValue);
+            input.nativeElement.value = customValue;
+            input.nativeElement.dispatchEvent(new Event('input'));
             fixture.detectChanges();
 
             input.nativeElement.dispatchEvent(new Event('blur'));
@@ -1315,7 +1316,9 @@ describe('IgxTimePicker', () => {
             expect(input.nativeElement.value).toBe('11:05 AM', 'SpinLoop Down wrong time');
 
             // set a new value which is the max value
-            UIInteractions.sendInputElementValue(input, '11:03 AM');
+            input.nativeElement.focus();
+            input.nativeElement.value = '11:03 AM';
+            input.nativeElement.dispatchEvent(new Event('input'));
             fixture.detectChanges();
 
             input.nativeElement.dispatchEvent(new Event('blur'));