mirror of
https://github.com/grafana/grafana.git
synced 2025-02-15 10:03:33 -06:00
65942efb95
* Panels: Added support to set panel padding to zero * WIP: fullChromeControl work * Tweaks to header position * Reverted some overlay mechanic and now back to no title only * Fixed test * Fixed transparent flag * Added show title * Added font weight to value * Reverted back to no padding option * Fixed issue with border and width and height
92 lines
3.3 KiB
TypeScript
92 lines
3.3 KiB
TypeScript
import { TimeRange } from '@grafana/data';
|
|
import { applyPanelTimeOverrides, calculateInnerPanelHeight } from 'app/features/dashboard/utils/panel';
|
|
import { advanceTo, clear } from 'jest-date-mock';
|
|
import { dateTime, DateTime } from '@grafana/data';
|
|
import { PanelModel } from '../state';
|
|
import { getPanelPlugin } from '../../plugins/__mocks__/pluginMocks';
|
|
|
|
const dashboardTimeRange: TimeRange = {
|
|
from: dateTime([2019, 1, 11, 12, 0]),
|
|
to: dateTime([2019, 1, 11, 18, 0]),
|
|
raw: {
|
|
from: 'now-6h',
|
|
to: 'now',
|
|
},
|
|
};
|
|
|
|
describe('applyPanelTimeOverrides', () => {
|
|
const fakeCurrentDate = dateTime([2019, 1, 11, 14, 0, 0]).toDate();
|
|
|
|
beforeAll(() => {
|
|
advanceTo(fakeCurrentDate);
|
|
});
|
|
|
|
afterAll(() => {
|
|
clear();
|
|
});
|
|
|
|
it('should apply relative time override', () => {
|
|
const panelModel = {
|
|
timeFrom: '2h',
|
|
};
|
|
|
|
// @ts-ignore: PanelModel type incositency
|
|
const overrides = applyPanelTimeOverrides(panelModel, dashboardTimeRange);
|
|
|
|
expect(overrides.timeRange.from.toISOString()).toBe(dateTime([2019, 1, 11, 12]).toISOString());
|
|
expect(overrides.timeRange.to.toISOString()).toBe(fakeCurrentDate.toISOString());
|
|
expect(overrides.timeRange.raw.from).toBe('now-2h');
|
|
expect(overrides.timeRange.raw.to).toBe('now');
|
|
});
|
|
|
|
it('should apply time shift', () => {
|
|
const panelModel = {
|
|
timeShift: '2h',
|
|
};
|
|
|
|
const expectedFromDate = dateTime([2019, 1, 11, 10, 0, 0]).toDate();
|
|
const expectedToDate = dateTime([2019, 1, 11, 16, 0, 0]).toDate();
|
|
|
|
// @ts-ignore: PanelModel type incositency
|
|
const overrides = applyPanelTimeOverrides(panelModel, dashboardTimeRange);
|
|
|
|
expect(overrides.timeRange.from.toISOString()).toBe(expectedFromDate.toISOString());
|
|
expect(overrides.timeRange.to.toISOString()).toBe(expectedToDate.toISOString());
|
|
expect((overrides.timeRange.raw.from as DateTime).toISOString()).toEqual(expectedFromDate.toISOString());
|
|
expect((overrides.timeRange.raw.to as DateTime).toISOString()).toEqual(expectedToDate.toISOString());
|
|
});
|
|
|
|
it('should apply both relative time and time shift', () => {
|
|
const panelModel = {
|
|
timeFrom: '2h',
|
|
timeShift: '2h',
|
|
};
|
|
|
|
const expectedFromDate = dateTime([2019, 1, 11, 10, 0, 0]).toDate();
|
|
const expectedToDate = dateTime([2019, 1, 11, 12, 0, 0]).toDate();
|
|
|
|
// @ts-ignore: PanelModel type incositency
|
|
const overrides = applyPanelTimeOverrides(panelModel, dashboardTimeRange);
|
|
|
|
expect(overrides.timeRange.from.toISOString()).toBe(expectedFromDate.toISOString());
|
|
expect(overrides.timeRange.to.toISOString()).toBe(expectedToDate.toISOString());
|
|
expect((overrides.timeRange.raw.from as DateTime).toISOString()).toEqual(expectedFromDate.toISOString());
|
|
expect((overrides.timeRange.raw.to as DateTime).toISOString()).toEqual(expectedToDate.toISOString());
|
|
});
|
|
|
|
it('Calculate panel height', () => {
|
|
const panelModel = new PanelModel({});
|
|
const height = calculateInnerPanelHeight(panelModel, 100);
|
|
|
|
expect(height).toBe(82);
|
|
});
|
|
|
|
it('Calculate panel height with panel plugin zeroChromePadding', () => {
|
|
const panelModel = new PanelModel({});
|
|
panelModel.pluginLoaded(getPanelPlugin({ id: 'table' }, null, null).setNoPadding());
|
|
|
|
const height = calculateInnerPanelHeight(panelModel, 100);
|
|
expect(height).toBe(98);
|
|
});
|
|
});
|