mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
74c809f544
* Flamegraph * Updated flame graph width/height values * Fix top table rendering issue * Add feature toggle for flamegraph in explore * Update tests * Hide flamegraph from dash panel viz list if feature toggle not enabled * Show table if no flameGraphFrames * Add flame graph to testdata ds * Minor improvement
48 lines
1.7 KiB
TypeScript
48 lines
1.7 KiB
TypeScript
import { ItemWithStart } from './dataTransform';
|
|
import { getRectDimensionsForLevel } from './rendering';
|
|
|
|
describe('getRectDimensionsForLevel', () => {
|
|
it('should render a single item', () => {
|
|
const level: ItemWithStart[] = [{ level: 1, start: 0, value: 100, label: '1', self: 0 }];
|
|
const result = getRectDimensionsForLevel(level, 1, 100, 0, 10);
|
|
expect(result).toEqual([
|
|
{
|
|
width: 999,
|
|
height: 22,
|
|
x: 0,
|
|
y: 22,
|
|
collapsed: false,
|
|
ticks: 100,
|
|
label: '1',
|
|
},
|
|
]);
|
|
});
|
|
|
|
it('should render a multiple items', () => {
|
|
const level: ItemWithStart[] = [
|
|
{ level: 2, start: 0, value: 100, label: '1', self: 0 },
|
|
{ level: 2, start: 100, value: 50, label: '2', self: 0 },
|
|
{ level: 2, start: 150, value: 50, label: '3', self: 0 },
|
|
];
|
|
const result = getRectDimensionsForLevel(level, 2, 100, 0, 10);
|
|
expect(result).toEqual([
|
|
{ width: 999, height: 22, x: 0, y: 44, collapsed: false, ticks: 100, label: '1' },
|
|
{ width: 499, height: 22, x: 1000, y: 44, collapsed: false, ticks: 50, label: '2' },
|
|
{ width: 499, height: 22, x: 1500, y: 44, collapsed: false, ticks: 50, label: '3' },
|
|
]);
|
|
});
|
|
|
|
it('should render a collapsed items', () => {
|
|
const level: ItemWithStart[] = [
|
|
{ level: 2, start: 0, value: 100, label: '1', self: 0 },
|
|
{ level: 2, start: 100, value: 2, label: '2', self: 0 },
|
|
{ level: 2, start: 102, value: 1, label: '3', self: 0 },
|
|
];
|
|
const result = getRectDimensionsForLevel(level, 2, 100, 0, 1);
|
|
expect(result).toEqual([
|
|
{ width: 99, height: 22, x: 0, y: 44, collapsed: false, ticks: 100, label: '1' },
|
|
{ width: 3, height: 22, x: 100, y: 44, collapsed: true, ticks: 3, label: '2' },
|
|
]);
|
|
});
|
|
});
|