chore(dropdown): addressing comments#6809

Author: PlamenaMiteva

projects/igniteui-angular/src/lib/drop-down/drop-down.component.spec.ts

@@ -349,7 +349,7 @@ describe('IgxDropDown ', () => {
                 tick();
                 fixture.detectChanges();
                 const dropdownElement = fixture.debugElement.query(By.css(`.${CSS_CLASS_DROP_DOWN_BASE}`));
-                dropdownElement.triggerEventHandler('keydown', UIInteractions.arrowDownEvent);
+                dropdownElement.triggerEventHandler('keydown', UIInteractions.getKeyboardEvent('keydown', 'ArrowDown'));
                 tick();
                 fixture.detectChanges();
                 let focusedItem = fixture.debugElement.query(By.css(`.${CSS_CLASS_FOCUSED}`));
@@ -791,11 +791,11 @@ describe('IgxDropDown ', () => {
                 expect(dropdown.focusedItem).toEqual(dropdown.items[0]);
 
                 const dropdownItem = dropdown.items[0];
-                input.triggerEventHandler('keydown', UIInteractions.enterEvent);
+                input.triggerEventHandler('keydown', UIInteractions.getKeyboardEvent('keydown', 'Enter'));
                 tick();
                 fixture.detectChanges();
                 expect(dropdown.selectItem).toHaveBeenCalledTimes(1);
-                expect(dropdown.selectItem).toHaveBeenCalledWith(dropdownItem, UIInteractions.enterEvent);
+                expect(dropdown.selectItem).toHaveBeenCalledWith(dropdownItem, UIInteractions.getKeyboardEvent('keydown', 'Enter'));
                 expect(dropdown.selectedItem).toEqual(dropdownItem);
                 expect(dropdown.collapsed).toEqual(true);
             }));
@@ -1215,9 +1215,7 @@ describe('IgxDropDown ', () => {
     template: `
     <button (click)="toggleDropDown()">Toggle</button>
     <igx-drop-down id="test-id" igxDropDownItemNavigation [maxHeight]="maxHeight"
-    [displayDensity]="density" (onSelection)="onSelection($event)" [allowItemsFocus]="true"
-    (onOpening)="onToggleOpening($event)" (onOpened)="onToggleOpened()"
-    (onClosing)="onToggleClosing($event)" (onClosed)="onToggleClosed()" >
+    [displayDensity]="density" [allowItemsFocus]="true">
         <igx-drop-down-item *ngFor="let item of items"
         [disabled]="item.disabled" [isHeader]="item.header" [selected]="item.selected">
             {{item.field}}
@@ -1252,15 +1250,6 @@ class IgxDropDownTestComponent {
     public toggleDropDown() {
         this.dropdown.toggle();
     }
-    public onSelection(ev) {
-    }
-    public onToggleOpening() { }
-
-    public onToggleOpened() { }
-
-    public onToggleClosing() { }
-
-    public onToggleClosed() { }
 }
 @Component({
     template: `

projects/igniteui-angular/src/lib/test-utils/ui-interactions.spec.ts

@@ -9,15 +9,22 @@ declare var Touch: {
     new(prop): Touch;
 };
 export class UIInteractions {
-    public static enterEvent = { key: 'Enter', stopPropagation: () => { }, preventDefault: () => { } };
-    public static endEvent = { key: 'End', stopPropagation: () => { }, preventDefault: () => { } };
-    public static homeEvent = { key: 'Home', stopPropagation: () => { }, preventDefault: () => { } };
     public static escapeEvent = { key: 'Escape', stopPropagation: () => { }, preventDefault: () => { } };
-    public static spaceEvent = { key: 'Space', stopPropagation: () => { }, preventDefault: () => { }, stopImmediatePropagation: () => { } };
-    public static arrowDownEvent = { key: 'ArrowDown', stopPropagation: () => { }, preventDefault: () => { } };
-    public static arrowUpEvent = { key: 'ArrowUp', stopPropagation: () => { }, preventDefault: () => { } };
     public static clickEvent = new MouseEvent('click');
 
+    public static getKeyboardEvent(eventType: string, keyPressed: string, altKey = false, shift = false, ctrl = false) {
+        const keyboardEvent = {
+            key: keyPressed,
+            altKey: altKey,
+            shiftKey: shift,
+            ctrlKey: ctrl,
+            stopPropagation: () => { },
+            stopImmediatePropagation: () => { },
+            preventDefault: () => { }
+        };
+        return new KeyboardEvent(eventType, keyboardEvent); return new KeyboardEvent(eventType, keyboardEvent);
+    }
+
     public static triggerEventHandlerKeyDown(keyPressed: string, elem: DebugElement, altKey = false, shift = false, ctrl = false) {
         const event = {
             key: keyPressed,