refactor keyboard navigation tests

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

@@ -13,6 +13,7 @@ import { SampleTestData } from '../../test-utils/sample-test-data.spec';
 import { IColumnResized } from '../../test-utils/grid-interfaces.spec';
 import { MultiColumnHeadersComponent } from '../../test-utils/grid-samples.spec';
 import { configureTestSuite } from '../../test-utils/configure-suite';
+import { GridFunctions } from '../../test-utils/grid-functions.spec';
 
 describe('IgxGrid - Deferred Column Resizing #grid', () => {
     configureTestSuite();
@@ -511,7 +512,7 @@ describe('IgxGrid - Deferred Column Resizing #grid', () => {
         fixture.detectChanges();
         const grid = fixture.componentInstance.grid;
         const headers: DebugElement[] = fixture.debugElement.queryAll(By.css(COLUMN_HEADER_GROUP_CLASS));
-        const displayContainer: HTMLElement = fixture.componentInstance.grid.tbody.nativeElement.querySelector('igx-display-container');
+        const displayContainer: HTMLElement = GridFunctions.getGridDisplayContainer(fixture).nativeElement;
         let rowsRendered = displayContainer.querySelectorAll('igx-display-container');
         let colsRendered = rowsRendered[0].children;
 

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

@@ -283,22 +283,22 @@ describe('IgxGrid - Filtering Row UI actions #grid', () => {
             fix.detectChanges();
             GridFunctions.verifyFilteringDropDownIsOpened(fix);
 
-            prefix.triggerEventHandler('keydown', UIInteractions.spaceEvent);
+            UIInteractions.triggerEventHandlerKeyDown(' ', prefix);
             tick(30);
             fix.detectChanges();
             GridFunctions.verifyFilteringDropDownIsOpened(fix, false);
 
-            input.triggerEventHandler('keydown', UIInteractions.enterEvent);
+            UIInteractions.triggerEventHandlerKeyDown('Enter', input);
             tick(30);
             fix.detectChanges();
             GridFunctions.verifyFilteringDropDownIsOpened(fix);
 
-            prefix.triggerEventHandler('keydown', UIInteractions.tabEvent);
+            UIInteractions.triggerEventHandlerKeyDown('Tab', prefix);
             tick(30);
             fix.detectChanges();
             GridFunctions.verifyFilteringDropDownIsOpened(fix, false);
 
-            input.triggerEventHandler('keydown', UIInteractions.spaceEvent);
+            UIInteractions.triggerEventHandlerKeyDown(' ', input);
             tick(30);
             fix.detectChanges();
             GridFunctions.verifyFilteringDropDownIsOpened(fix);
@@ -980,7 +980,7 @@ describe('IgxGrid - Filtering Row UI actions #grid', () => {
             expect(filterChip.componentInstance.selected).toBeTruthy();
             expect(input.componentInstance.value).toEqual('a');
 
-            input.triggerEventHandler('keydown', UIInteractions.enterEvent);
+            UIInteractions.triggerEventHandlerKeyDown('Enter', input);
             fix.detectChanges();
 
             // Check focus is kept and chips is no longer selected.
@@ -1298,8 +1298,7 @@ describe('IgxGrid - Filtering Row UI actions #grid', () => {
 
             const filterUIRow = fix.debugElement.query(By.css(FILTER_UI_ROW));
             const input = filterUIRow.query(By.directive(IgxInputDirective));
-
-            input.triggerEventHandler('keydown', UIInteractions.altAndArrowDownEvent);
+            UIInteractions.triggerEventHandlerKeyDown('ArrowDown', input, true);
             tick(30);
             fix.detectChanges();
             GridFunctions.verifyFilteringDropDownIsOpened(fix);
@@ -1311,7 +1310,7 @@ describe('IgxGrid - Filtering Row UI actions #grid', () => {
             let filterUIRow = fix.debugElement.query(By.css(FILTER_UI_ROW));
             const input = filterUIRow.query(By.directive(IgxInputDirective));
 
-            input.triggerEventHandler('keydown', UIInteractions.escapeEvent);
+            UIInteractions.triggerEventHandlerKeyDown('Escape', input);
             tick(100);
             fix.detectChanges();
 
@@ -1348,7 +1347,7 @@ describe('IgxGrid - Filtering Row UI actions #grid', () => {
             verifyFilterRowUI(input, close, reset, false);
 
             // submit the input with empty value
-            input.triggerEventHandler('keydown', UIInteractions.enterEvent);
+            UIInteractions.triggerEventHandlerKeyDown('Enter', input);
             tick(50);
             fix.detectChanges();
 
@@ -1623,7 +1622,7 @@ describe('IgxGrid - Filtering Row UI actions #grid', () => {
 
             // Press 'Enter' on the commit icon.
             const inputCommitIcon = GridFunctions.getFilterRowInputCommitIcon(fix);
-            inputCommitIcon.triggerEventHandler('keydown', UIInteractions.enterEvent);
+            UIInteractions.triggerEventHandlerKeyDown('Enter', inputCommitIcon);
             tick(200);
             fix.detectChanges();
 
@@ -1645,7 +1644,7 @@ describe('IgxGrid - Filtering Row UI actions #grid', () => {
 
             // Press 'Enter' on the clear icon.
             const inputClearIcon = GridFunctions.getFilterRowInputClearIcon(fix);
-            inputClearIcon.triggerEventHandler('keydown', UIInteractions.enterEvent);
+            UIInteractions.triggerEventHandlerKeyDown('Enter', inputClearIcon);
             tick(200);
             fix.detectChanges();
 
@@ -1659,7 +1658,7 @@ describe('IgxGrid - Filtering Row UI actions #grid', () => {
             expect(fix.debugElement.query(By.css(FILTER_UI_ROW))).toBeNull();
 
             const filterCellChip = GridFunctions.getFilterChipsForColumn('ReleaseDate', fix)[0];
-            filterCellChip.triggerEventHandler('keydown', UIInteractions.enterEvent);
+            UIInteractions.triggerEventHandlerKeyDown('Enter', filterCellChip);
             tick(200);
             fix.detectChanges();