test(time-picker): fix failing tests #6482

Author: PlamenaMiteva

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

@@ -11,7 +11,7 @@ import { PickerInteractionMode } from '../date-common/types';
 import { IgxIconModule } from '../icon/public_api';
 import { IgxToggleDirective } from '../directives/toggle/toggle.directive';
 import { PlatformUtil } from '../core/utils';
-import { DatePart } from '../directives/date-time-editor/public_api';
+import { DatePart, IgxDateTimeEditorDirective } from '../directives/date-time-editor/public_api';
 import { DateTimeUtil } from '../date-common/util/date-time.util';
 
 const CSS_CLASS_TIMEPICKER = 'igx-time-picker';
@@ -182,7 +182,7 @@ describe('IgxTimePicker', () => {
 
     describe('Interaction tests', () => {
         let fixture: ComponentFixture<any>;
-        let timePickerElement: any;
+        let timePickerElement: DebugElement;
         let inputGroup: DebugElement;
         let input: DebugElement;
         let hourColumn: DebugElement;
@@ -210,9 +210,9 @@ describe('IgxTimePicker', () => {
                 fixture = TestBed.createComponent(IgxTimePickerTestComponent);
                 fixture.detectChanges();
                 timePicker = fixture.componentInstance.timePicker;
-                timePickerElement = fixture.debugElement.query(By.css(CSS_CLASS_TIMEPICKER)).nativeElement;
+                timePickerElement = fixture.debugElement.query(By.css(CSS_CLASS_TIMEPICKER));
                 inputGroup = fixture.debugElement.query(By.css(`.${CSS_CLASS_INPUTGROUP}`));
-                input = fixture.debugElement.query(By.css(`.${CSS_CLASS_INPUT}`));
+                input = fixture.debugElement.query(By.css(CSS_CLASS_INPUT));
                 hourColumn = fixture.debugElement.query(By.css(CSS_CLASS_HOURLIST));
                 toggleDirectiveElement = fixture.debugElement.query(By.directive(IgxToggleDirective));
                 toggleDirective = toggleDirectiveElement.injector.get(IgxToggleDirective) as IgxToggleDirective;
@@ -237,7 +237,7 @@ describe('IgxTimePicker', () => {
             }));
 
             it('should open the dropdown with `ArrowDown` + `Alt` key press and close it on outside click', fakeAsync(() => {
-                input.nativeElement.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', altKey: true }));
+                UIInteractions.triggerEventHandlerKeyDown('ArrowDown', timePickerElement, true);
                 tick();
                 fixture.detectChanges();
                 expect(toggleDirective.collapsed).toBeFalsy();
@@ -281,7 +281,7 @@ describe('IgxTimePicker', () => {
             }));
 
             it('should open/close the dropdown and keep the current selection on Space/Enter key press', fakeAsync(() => {
-                UIInteractions.triggerKeyDownEvtUponElem('Space', input.nativeElement, true);
+                UIInteractions.triggerEventHandlerKeyDown(' ', timePickerElement);
                 tick();
                 fixture.detectChanges();
                 expect(toggleDirective.collapsed).toBeFalsy();
@@ -314,7 +314,7 @@ describe('IgxTimePicker', () => {
                 hourColumn.triggerEventHandler('wheel', event);
                 fixture.detectChanges(); hourColumn.triggerEventHandler('wheel', event);
                 fixture.detectChanges();
-                const selectedHour = fixture.componentInstance.date.getHours() - 3;
+                const selectedHour = fixture.componentInstance.date.getHours() + 2;
                 expect((timePicker.value as Date).getHours()).toEqual(selectedHour);
 
                 UIInteractions.triggerKeyDownEvtUponElem('Escape', input.nativeElement, true);
@@ -646,8 +646,7 @@ describe('IgxTimePicker', () => {
     template: `
         <igx-time-picker #picker [value]="date" [mode]="mode" [minValue]="minValue" [maxValue]="maxValue">
         <label igxLabel>Select time</label>
-        </igx-time-picker>
-    `
+        </igx-time-picker>`
 })
 export class IgxTimePickerTestComponent {
     @ViewChild('picker', { read: IgxTimePickerComponent, static: true })