test(tooltip): add close on escape key test #1710

IgniteUI · Sep 17, 2018 · 5077484 · 5077484
1 parent 669a4ee
commit 5077484
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/projects/igniteui-angular/src/lib/directives/tooltip/tooltip.directive.spec.ts b/projects/igniteui-angular/src/lib/directives/tooltip/tooltip.directive.spec.ts
@@ -259,6 +259,19 @@ describe('IgxTooltip', () => {
         verifyTooltipVisibility(fix, tooltipNativeElement, false);
     }));
 
+    it('IgxTooltip closes on pressing \'escape\' key', fakeAsync(() => {
+        tooltipTarget.openTooltip();
+        flush();
+        fix.detectChanges();
+        verifyTooltipVisibility(fix, tooltipNativeElement, true);
+
+        UIInteractions.simulateKeyDownEvent(document.documentElement, 'Escape');
+
+        flush();
+        fix.detectChanges();
+        verifyTooltipVisibility(fix, tooltipNativeElement, false);
+    }));
+
     describe('Tooltip events', () => {
         it('should emit the proper events when hovering/unhovering target', fakeAsync(() => {
             spyOn(tooltipTarget.onTooltipOpening, 'emit');

diff --git a/projects/igniteui-angular/src/lib/directives/tooltip/tooltip.directive.ts b/projects/igniteui-angular/src/lib/directives/tooltip/tooltip.directive.ts
@@ -162,7 +162,7 @@ export class IgxTooltipTargetDirective extends IgxToggleActionDirective implemen
 
     /* Public Methods */
     @HostListener('document:keydown.escape', ['$event'])
-    public onKeydownEscape(event: KeyboardEvent) {        
+    public onKeydownEscape(event: KeyboardEvent) {
         const args = { tooltip: this.target, cancel: false };
         this.onTooltipClosing.emit(args);