inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-09 18:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

AAE-41613 Hiding tooltip card on click (#11571)

Browse Source
This commit is contained in:
Ehsan Rezaei
2026-01-23 13:58:19 +01:00
committed by GitHub
parent 6eaaff33bb
commit a3c309c676
2 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/core/src/lib/directives/tooltip-card/tooltip-card.directive.spec.ts
+16
View File
@@ -131,4 +131,20 @@ describe('TooltipCardDirective', () => {
expect(fixture.componentInstance.directive.hide).toHaveBeenCalledTimes(0);
});
it('should hide tooltip-card on click', () => {
fixture.detectChanges();
const span = fixture.debugElement.query(By.css('span.test-component'));
span.triggerEventHandler('mouseenter', {});
fixture.detectChanges();
let tooltipCard = overlay.querySelector<HTMLElement>('div.adf-tooltip-card');
expect(tooltipCard).not.toBeNull();
span.triggerEventHandler('click', {});
fixture.detectChanges();
tooltipCard = overlay.querySelector<HTMLElement>('div.adf-tooltip-card');
expect(tooltipCard).toBeNull();
});
});
lib/core/src/lib/directives/tooltip-card/tooltip-card.directive.ts
+6 -1
View File
@@ -37,7 +37,11 @@ export class TooltipCardDirective implements OnInit, OnDestroy {
private overlayRef: OverlayRef;
constructor(private overlay: Overlay, private overlayPositionBuilder: OverlayPositionBuilder, private elementRef: ElementRef) {}
constructor(
private overlay: Overlay,
private overlayPositionBuilder: OverlayPositionBuilder,
private elementRef: ElementRef
) {}
ngOnDestroy(): void {
if (this.overlayRef) {
@@ -70,6 +74,7 @@ export class TooltipCardDirective implements OnInit, OnDestroy {
}
@HostListener('mouseleave')
@HostListener('click')
hide() {
this.overlayRef?.detach();
}