fix(module:tooltip): fix tooltip for deeply wrapped focusable elements (

#6965)

* fix(module:tooltip): fix tooltip for work for wrapped focusable elements

close #6955

* test(module:tooltip): fix test

components/tooltip/base.ts

@@ -231,8 +231,8 @@ export abstract class NzTooltipBaseDirective implements OnChanges, OnDestroy, Af
         })
       );
     } else if (trigger === 'focus') {
-      this.triggerDisposables.push(this.renderer.listen(el, 'focus', () => this.show()));
-      this.triggerDisposables.push(this.renderer.listen(el, 'blur', () => this.hide()));
+      this.triggerDisposables.push(this.renderer.listen(el, 'focusin', () => this.show()));
+      this.triggerDisposables.push(this.renderer.listen(el, 'focusout', () => this.hide()));
     } else if (trigger === 'click') {
       this.triggerDisposables.push(
         this.renderer.listen(el, 'click', (e: MouseEvent) => {

components/tooltip/tooltip.spec.ts

@@ -134,11 +134,11 @@ describe('nz-tooltip', () => {
       const title = 'focus';
       const triggerElement = component.focusTemplate.nativeElement;
 
-      dispatchMouseEvent(triggerElement, 'focus');
+      dispatchMouseEvent(triggerElement, 'focusin');
       waitingForTooltipToggling();
       expect(overlayContainerElement.textContent).toContain(title);
 
-      dispatchMouseEvent(triggerElement, 'blur');
+      dispatchMouseEvent(triggerElement, 'focusout');
       waitingForTooltipToggling();
       expect(overlayContainerElement.textContent).not.toContain(title);
     }));