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

[3463] add missing informations to report diagram (#3690)

Browse Source
This commit is contained in:
Mario Romano
2018-08-11 01:27:54 +01:00
committed by Eugenio Romano
parent ff732dcdca
commit 6e1d7336ac
2 changed files with 24 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lib/insights/diagram/components/tooltip/diagram-tooltip.component.html
View File

@@ -1,6 +1,10 @@
<div #tooltipContent class="{{adf}}-diagram-tooltip">
<div class="{{adf}}-diagram-tooltip-header">{{ data.type }} {{ data.name || data.id }}</div>
<div class="{{adf}}-diagram-tooltip-body">
<div *ngIf="data.value" class="{{adf}}-diagram-heat-value">
<span class="{{adf}}-diagram-value">{{ data.value }}</span>
<span class="{{adf}}-diagram-valuetype"> {{ data.dataType }}</span>
</div>
<div *ngIf="data.name" class="{{adf}}-diagram-name-property">
<span class="{{adf}}-diagram-propertyName">Name:</span>
<span class="{{adf}}-diagram-propertyValue">{{ data.name }}</span>

25
lib/insights/diagram/components/tooltip/diagram-tooltip.component.spec.ts
View File

@@ -41,7 +41,7 @@ describe('DiagramTooltipComponent', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ DiagramTooltipComponent ]
declarations: [DiagramTooltipComponent]
}).compileComponents();
}));
@@ -91,8 +91,8 @@ describe('DiagramTooltipComponent', () => {
it('should render the properties, if there is any', () => {
data.properties = [
{ name: 'property-1-name', value: 'property-1-value' },
{ name: 'property-2-name', value: 'property-2-value' }
{name: 'property-1-name', value: 'property-1-value'},
{name: 'property-2-name', value: 'property-2-value'}
];
fixture.detectChanges();
@@ -106,6 +106,21 @@ describe('DiagramTooltipComponent', () => {
expect(propertyValues[0].nativeElement.innerText).toBe('property-1-value');
expect(propertyValues[1].nativeElement.innerText).toBe('property-2-value');
});
it('should render value and data type', () => {
data.value = '1';
data.dataType = 'hour';
fixture.detectChanges();
let propertyValue = fixture.debugElement.queryAll(By.css('.adf-diagram-heat-value > .adf-diagram-value')),
propertyValueType = fixture.debugElement.queryAll(By.css('.adf-diagram-heat-value > .adf-diagram-valuetype'));
expect(propertyValue.length).toBe(1);
expect(propertyValueType.length).toBe(1);
expect(propertyValue[0].nativeElement.innerText).toBe('1');
expect(propertyValueType[0].nativeElement.innerText).toBe(' hour');
});
});
describe('Tooltip functionality', () => {
@@ -114,12 +129,12 @@ describe('DiagramTooltipComponent', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ DiagramTooltipComponent, TestHostComponent ]
declarations: [DiagramTooltipComponent, TestHostComponent]
}).compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(TestHostComponent);
fixture = TestBed.createComponent(TestHostComponent);
fixture.detectChanges();
});