fix(Tooltip): Hide the tooltip on destroying the target.

Author: gedinakova

projects/igniteui-angular/src/lib/directives/tooltip/tooltip-target.directive.ts

@@ -314,6 +314,7 @@ export class IgxTooltipTargetDirective extends IgxToggleActionDirective implemen
      * @hidden
      */
     public ngOnDestroy() {
+        this.hideTooltip();
         this.destroy$.next();
         this.destroy$.complete();
     }

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

@@ -273,7 +273,7 @@ describe('IgxTooltip', () => {
             flush();
 
             verifyTooltipVisibility(tooltipNativeElement, tooltipTarget, true);
-            debugger
+            
             fix.componentInstance.showButton = false;
             fix.detectChanges();
             flush();

projects/igniteui-angular/src/lib/test-utils/tooltip-components.spec.ts

@@ -22,7 +22,7 @@ import { IgxToggleActionDirective, IgxToggleDirective } from '../directives/togg
 })
 export class IgxTooltipSingleTargetComponent {
     @ViewChild(IgxTooltipDirective, { static: true }) public tooltip: IgxTooltipDirective;
-    @ViewChild(IgxTooltipTargetDirective, { static: true }) public tooltipTarget: IgxTooltipTargetDirective;
+    @ViewChild(IgxTooltipTargetDirective, { static: false }) public tooltipTarget: IgxTooltipTargetDirective;
     public cancelShowing = false;
     public cancelHiding = false;
     public showButton = true;