inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

AAE-4879 Update tooltip card to receive custom HTML (#6930)

Browse Source
This commit is contained in:
Pablo Martinez Garcia
2021-04-16 10:39:19 +02:00
committed by GitHub
parent e9bf84e13c
commit 684cdb88ea
5 changed files with 34 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
lib/core/directives/tooltip-card/tooltip-card.directive.spec.ts
View File

@@ -25,7 +25,7 @@ import { By } from '@angular/platform-browser';
import { TooltipCardComponent } from './tooltip-card.component';
@Component({
template: `<span #span [adf-tooltip-card]="'Sample text'" [image]="'/assets/testImg.png'" [width]="'400'" class="test-component"></span>`
template: `<span #span [adf-tooltip-card]="'Sample text'" [image]="'/assets/testImg.png'" [width]="'400'" [htmlContent]="'this is the <b>html</b> raw code'" class="test-component"></span>`
})
class TestComponent {
@ViewChild(TooltipCardDirective, { static: true })
@@ -74,12 +74,14 @@ describe('TooltipCardDirective', () => {
fixture.detectChanges();
tooltipCard = overlay.querySelector<HTMLElement>('div.adf-tooltip-card');
expect(tooltipCard).not.toBeNull();
const text = overlay.querySelector<HTMLElement>('div.adf-tooltip-card p');
const img = overlay.querySelector<HTMLElement>('div.adf-tooltip-card img');
const text = tooltipCard.querySelector<HTMLElement>('p');
const img = tooltipCard.querySelector<HTMLElement>('img');
const div = tooltipCard.querySelector<HTMLElement>('div');
expect(tooltipCard.getAttribute('style')).toBe('width: 400px;');
expect(text.textContent.trim()).toEqual('Sample text');
expect(img.getAttribute('src')).toEqual('/assets/testImg.png');
expect(img.getAttribute('width')).toEqual('400');
expect(div.innerHTML).toEqual('this is the <b>html</b> raw code');
});
it('should hide tooltip-card on mouse leave', () => {