2025-01-03 17:25:06 +08:00
|
|
|
import { DataQuery } from '@grafana/schema';
|
2025-01-16 20:18:47 +08:00
|
|
|
import { DashboardV2Spec } from '@grafana/schema/dist/esm/schema/dashboard/v2alpha0';
|
2025-01-02 19:23:58 +08:00
|
|
|
import {
|
|
|
|
AnnoKeyCreatedBy,
|
2025-01-03 20:17:27 +08:00
|
|
|
AnnoKeyDashboardGnetId,
|
2025-01-02 19:23:58 +08:00
|
|
|
AnnoKeyDashboardId,
|
|
|
|
AnnoKeyFolder,
|
|
|
|
AnnoKeySlug,
|
|
|
|
AnnoKeyUpdatedBy,
|
|
|
|
AnnoKeyUpdatedTimestamp,
|
|
|
|
} from 'app/features/apiserver/types';
|
2025-01-09 17:51:53 +08:00
|
|
|
import { getDefaultDataSourceRef } from 'app/features/dashboard-scene/serialization/transformSceneToSaveModelSchemaV2';
|
2025-01-02 19:23:58 +08:00
|
|
|
import { DashboardDataDTO, DashboardDTO } from 'app/types';
|
2024-12-18 05:17:09 +08:00
|
|
|
|
2025-01-09 17:51:53 +08:00
|
|
|
import { getDefaultDatasource, getPanelQueries, ResponseTransformers } from './ResponseTransformers';
|
2024-12-18 05:17:09 +08:00
|
|
|
import { DashboardWithAccessInfo } from './types';
|
|
|
|
|
2025-01-09 17:51:53 +08:00
|
|
|
jest.mock('@grafana/runtime', () => ({
|
|
|
|
...jest.requireActual('@grafana/runtime'),
|
|
|
|
config: {
|
|
|
|
...jest.requireActual('@grafana/runtime').config,
|
|
|
|
bootData: {
|
|
|
|
...jest.requireActual('@grafana/runtime').config.bootData,
|
|
|
|
settings: {
|
|
|
|
...jest.requireActual('@grafana/runtime').config.bootData.settings,
|
|
|
|
datasources: {
|
|
|
|
PromTest: {
|
|
|
|
uid: 'xyz-abc',
|
|
|
|
name: 'PromTest',
|
|
|
|
id: 'prometheus',
|
|
|
|
meta: {
|
|
|
|
id: 'prometheus',
|
|
|
|
name: 'PromTest',
|
|
|
|
type: 'datasource',
|
|
|
|
},
|
|
|
|
isDefault: true,
|
|
|
|
apiVersion: 'v2',
|
|
|
|
},
|
|
|
|
'-- Grafana --': {
|
|
|
|
uid: 'grafana',
|
|
|
|
name: '-- Grafana --',
|
|
|
|
id: 'grafana',
|
|
|
|
meta: {
|
|
|
|
id: 'grafana',
|
|
|
|
name: '-- Grafana --',
|
|
|
|
type: 'datasource',
|
|
|
|
},
|
|
|
|
isDefault: false,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
defaultDatasource: 'PromTest',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}));
|
|
|
|
|
2024-12-18 05:17:09 +08:00
|
|
|
describe('ResponseTransformers', () => {
|
2025-01-09 17:51:53 +08:00
|
|
|
describe('getDefaultDataSource', () => {
|
|
|
|
it('should return prometheus as default', () => {
|
|
|
|
expect(getDefaultDatasource()).toEqual({
|
|
|
|
apiVersion: 'v2',
|
|
|
|
uid: 'PromTest',
|
|
|
|
type: 'prometheus',
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('getDefaultDataSourceRef', () => {
|
|
|
|
it('should return prometheus as default', () => {
|
|
|
|
expect(getDefaultDataSourceRef()).toEqual({
|
|
|
|
uid: 'PromTest',
|
|
|
|
type: 'prometheus',
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2025-01-02 19:23:58 +08:00
|
|
|
describe('v1 -> v2 transformation', () => {
|
2024-12-18 05:17:09 +08:00
|
|
|
it('should transform DashboardDTO to DashboardWithAccessInfo<DashboardV2Spec>', () => {
|
2025-01-02 19:23:58 +08:00
|
|
|
const dashboardV1: DashboardDataDTO = {
|
|
|
|
uid: 'dashboard-uid',
|
|
|
|
id: 123,
|
|
|
|
title: 'Dashboard Title',
|
|
|
|
description: 'Dashboard Description',
|
|
|
|
tags: ['tag1', 'tag2'],
|
|
|
|
schemaVersion: 1,
|
|
|
|
graphTooltip: 0,
|
|
|
|
preload: true,
|
|
|
|
liveNow: false,
|
|
|
|
editable: true,
|
|
|
|
time: { from: 'now-6h', to: 'now' },
|
|
|
|
timezone: 'browser',
|
|
|
|
refresh: '5m',
|
|
|
|
timepicker: {
|
|
|
|
refresh_intervals: ['5s', '10s', '30s'],
|
|
|
|
hidden: false,
|
|
|
|
time_options: ['5m', '15m', '1h'],
|
|
|
|
nowDelay: '1m',
|
|
|
|
},
|
|
|
|
fiscalYearStartMonth: 1,
|
|
|
|
weekStart: 'monday',
|
|
|
|
version: 1,
|
2025-01-03 20:17:27 +08:00
|
|
|
gnetId: 'something-like-a-uid',
|
|
|
|
revision: 225,
|
2025-01-02 19:23:58 +08:00
|
|
|
links: [
|
|
|
|
{
|
|
|
|
title: 'Link 1',
|
|
|
|
url: 'https://grafana.com',
|
|
|
|
asDropdown: false,
|
|
|
|
targetBlank: true,
|
|
|
|
includeVars: true,
|
|
|
|
keepTime: true,
|
|
|
|
tags: ['tag1', 'tag2'],
|
|
|
|
icon: 'external link',
|
|
|
|
type: 'link',
|
|
|
|
tooltip: 'Link 1 Tooltip',
|
|
|
|
},
|
|
|
|
],
|
|
|
|
annotations: {
|
|
|
|
list: [],
|
|
|
|
},
|
|
|
|
};
|
|
|
|
|
|
|
|
const dto: DashboardWithAccessInfo<DashboardDataDTO> = {
|
|
|
|
spec: dashboardV1,
|
|
|
|
access: {
|
2024-12-18 05:17:09 +08:00
|
|
|
slug: 'dashboard-slug',
|
|
|
|
url: '/d/dashboard-slug',
|
|
|
|
canAdmin: true,
|
|
|
|
canDelete: true,
|
|
|
|
canEdit: true,
|
|
|
|
canSave: true,
|
|
|
|
canShare: true,
|
|
|
|
canStar: true,
|
|
|
|
annotationsPermissions: {
|
|
|
|
dashboard: { canAdd: true, canEdit: true, canDelete: true },
|
|
|
|
organization: { canAdd: true, canEdit: true, canDelete: true },
|
|
|
|
},
|
|
|
|
},
|
2025-01-02 19:23:58 +08:00
|
|
|
apiVersion: 'v1',
|
|
|
|
kind: 'DashboardWithAccessInfo',
|
|
|
|
metadata: {
|
|
|
|
name: 'dashboard-uid',
|
|
|
|
resourceVersion: '1',
|
|
|
|
|
|
|
|
creationTimestamp: '2023-01-01T00:00:00Z',
|
2024-12-18 05:17:09 +08:00
|
|
|
annotations: {
|
2025-01-02 19:23:58 +08:00
|
|
|
[AnnoKeyCreatedBy]: 'user1',
|
|
|
|
[AnnoKeyUpdatedBy]: 'user2',
|
|
|
|
[AnnoKeyUpdatedTimestamp]: '2023-01-02T00:00:00Z',
|
|
|
|
[AnnoKeyFolder]: 'folder1',
|
|
|
|
[AnnoKeySlug]: 'dashboard-slug',
|
2024-12-18 05:17:09 +08:00
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
|
2025-01-02 19:23:58 +08:00
|
|
|
const transformed = ResponseTransformers.ensureV2Response(dto);
|
2024-12-18 05:17:09 +08:00
|
|
|
|
|
|
|
expect(transformed.apiVersion).toBe('v2alpha1');
|
|
|
|
expect(transformed.kind).toBe('DashboardWithAccessInfo');
|
2025-01-02 19:23:58 +08:00
|
|
|
expect(transformed.metadata.annotations?.[AnnoKeyCreatedBy]).toEqual('user1');
|
|
|
|
expect(transformed.metadata.annotations?.[AnnoKeyUpdatedBy]).toEqual('user2');
|
|
|
|
expect(transformed.metadata.annotations?.[AnnoKeyUpdatedTimestamp]).toEqual('2023-01-02T00:00:00Z');
|
|
|
|
expect(transformed.metadata.annotations?.[AnnoKeyFolder]).toEqual('folder1');
|
|
|
|
expect(transformed.metadata.annotations?.[AnnoKeySlug]).toEqual('dashboard-slug');
|
|
|
|
expect(transformed.metadata.annotations?.[AnnoKeyDashboardId]).toBe(123);
|
2025-01-03 20:17:27 +08:00
|
|
|
expect(transformed.metadata.annotations?.[AnnoKeyDashboardGnetId]).toBe('something-like-a-uid');
|
2024-12-18 05:17:09 +08:00
|
|
|
|
|
|
|
const spec = transformed.spec;
|
2025-01-02 19:23:58 +08:00
|
|
|
expect(spec.title).toBe(dashboardV1.title);
|
|
|
|
expect(spec.description).toBe(dashboardV1.description);
|
|
|
|
expect(spec.tags).toEqual(dashboardV1.tags);
|
|
|
|
expect(spec.schemaVersion).toBe(dashboardV1.schemaVersion);
|
2024-12-18 05:17:09 +08:00
|
|
|
expect(spec.cursorSync).toBe('Off'); // Assuming transformCursorSynctoEnum(0) returns 'Off'
|
2025-01-02 19:23:58 +08:00
|
|
|
expect(spec.preload).toBe(dashboardV1.preload);
|
|
|
|
expect(spec.liveNow).toBe(dashboardV1.liveNow);
|
|
|
|
expect(spec.editable).toBe(dashboardV1.editable);
|
2025-01-03 20:17:27 +08:00
|
|
|
expect(spec.revision).toBe(dashboardV1.revision);
|
2025-01-02 19:23:58 +08:00
|
|
|
expect(spec.timeSettings.from).toBe(dashboardV1.time?.from);
|
|
|
|
expect(spec.timeSettings.to).toBe(dashboardV1.time?.to);
|
|
|
|
expect(spec.timeSettings.timezone).toBe(dashboardV1.timezone);
|
|
|
|
expect(spec.timeSettings.autoRefresh).toBe(dashboardV1.refresh);
|
|
|
|
expect(spec.timeSettings.autoRefreshIntervals).toEqual(dashboardV1.timepicker?.refresh_intervals);
|
|
|
|
expect(spec.timeSettings.hideTimepicker).toBe(dashboardV1.timepicker?.hidden);
|
|
|
|
expect(spec.timeSettings.quickRanges).toEqual(dashboardV1.timepicker?.time_options);
|
|
|
|
expect(spec.timeSettings.nowDelay).toBe(dashboardV1.timepicker?.nowDelay);
|
|
|
|
expect(spec.timeSettings.fiscalYearStartMonth).toBe(dashboardV1.fiscalYearStartMonth);
|
|
|
|
expect(spec.timeSettings.weekStart).toBe(dashboardV1.weekStart);
|
|
|
|
expect(spec.links).toEqual(dashboardV1.links);
|
2024-12-18 05:17:09 +08:00
|
|
|
expect(spec.annotations).toEqual([]);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2025-01-02 19:23:58 +08:00
|
|
|
describe('v2 -> v1 transformation', () => {
|
2024-12-18 05:17:09 +08:00
|
|
|
it('should return the same object if it is already a DashboardDTO', () => {
|
|
|
|
const dashboard: DashboardDTO = {
|
|
|
|
dashboard: {
|
|
|
|
schemaVersion: 1,
|
|
|
|
title: 'Dashboard Title',
|
|
|
|
uid: 'dashboard1',
|
|
|
|
version: 1,
|
|
|
|
},
|
|
|
|
meta: {},
|
|
|
|
};
|
|
|
|
|
|
|
|
expect(ResponseTransformers.ensureV1Response(dashboard)).toBe(dashboard);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('should transform DashboardWithAccessInfo<DashboardV2Spec> to DashboardDTO', () => {
|
|
|
|
const dashboardV2: DashboardWithAccessInfo<DashboardV2Spec> = {
|
|
|
|
apiVersion: 'v2alpha1',
|
|
|
|
kind: 'DashboardWithAccessInfo',
|
|
|
|
metadata: {
|
|
|
|
creationTimestamp: '2023-01-01T00:00:00Z',
|
|
|
|
name: 'dashboard1',
|
|
|
|
resourceVersion: '1',
|
|
|
|
annotations: {
|
|
|
|
'grafana.app/createdBy': 'user1',
|
|
|
|
'grafana.app/updatedBy': 'user2',
|
|
|
|
'grafana.app/updatedTimestamp': '2023-01-02T00:00:00Z',
|
|
|
|
'grafana.app/folder': 'folder1',
|
|
|
|
'grafana.app/slug': 'dashboard-slug',
|
2025-01-03 20:17:27 +08:00
|
|
|
'grafana.app/dashboard-gnet-id': 'something-like-a-uid',
|
2024-12-18 05:17:09 +08:00
|
|
|
},
|
|
|
|
},
|
|
|
|
spec: {
|
|
|
|
title: 'Dashboard Title',
|
|
|
|
description: 'Dashboard Description',
|
|
|
|
tags: ['tag1', 'tag2'],
|
|
|
|
schemaVersion: 1,
|
|
|
|
cursorSync: 'Off',
|
|
|
|
preload: true,
|
|
|
|
liveNow: false,
|
|
|
|
editable: true,
|
2025-01-03 20:17:27 +08:00
|
|
|
revision: 225,
|
2024-12-18 05:17:09 +08:00
|
|
|
timeSettings: {
|
|
|
|
from: 'now-6h',
|
|
|
|
to: 'now',
|
|
|
|
timezone: 'browser',
|
|
|
|
autoRefresh: '5m',
|
|
|
|
autoRefreshIntervals: ['5s', '10s', '30s'],
|
|
|
|
hideTimepicker: false,
|
|
|
|
quickRanges: ['5m', '15m', '1h'],
|
|
|
|
nowDelay: '1m',
|
|
|
|
fiscalYearStartMonth: 1,
|
|
|
|
weekStart: 'monday',
|
|
|
|
},
|
2025-01-02 19:23:58 +08:00
|
|
|
links: [
|
|
|
|
{
|
|
|
|
title: 'Link 1',
|
|
|
|
url: 'https://grafana.com',
|
|
|
|
asDropdown: false,
|
|
|
|
targetBlank: true,
|
|
|
|
includeVars: true,
|
|
|
|
keepTime: true,
|
|
|
|
tags: ['tag1', 'tag2'],
|
|
|
|
icon: 'external link',
|
|
|
|
type: 'link',
|
|
|
|
tooltip: 'Link 1 Tooltip',
|
|
|
|
},
|
|
|
|
],
|
2024-12-18 05:17:09 +08:00
|
|
|
annotations: [],
|
|
|
|
variables: [],
|
|
|
|
elements: {},
|
|
|
|
layout: {
|
|
|
|
kind: 'GridLayout',
|
|
|
|
spec: {
|
|
|
|
items: [],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
access: {
|
|
|
|
url: '/d/dashboard-slug',
|
|
|
|
canAdmin: true,
|
|
|
|
canDelete: true,
|
|
|
|
canEdit: true,
|
|
|
|
canSave: true,
|
|
|
|
canShare: true,
|
|
|
|
canStar: true,
|
|
|
|
slug: 'dashboard-slug',
|
|
|
|
annotationsPermissions: {
|
|
|
|
dashboard: { canAdd: true, canEdit: true, canDelete: true },
|
|
|
|
organization: { canAdd: true, canEdit: true, canDelete: true },
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
|
|
|
|
const transformed = ResponseTransformers.ensureV1Response(dashboardV2);
|
|
|
|
|
|
|
|
expect(transformed.meta.created).toBe(dashboardV2.metadata.creationTimestamp);
|
|
|
|
expect(transformed.meta.createdBy).toBe(dashboardV2.metadata.annotations?.['grafana.app/createdBy']);
|
|
|
|
expect(transformed.meta.updated).toBe(dashboardV2.metadata.annotations?.['grafana.app/updatedTimestamp']);
|
|
|
|
expect(transformed.meta.updatedBy).toBe(dashboardV2.metadata.annotations?.['grafana.app/updatedBy']);
|
|
|
|
expect(transformed.meta.folderUid).toBe(dashboardV2.metadata.annotations?.['grafana.app/folder']);
|
|
|
|
expect(transformed.meta.slug).toBe(dashboardV2.metadata.annotations?.['grafana.app/slug']);
|
|
|
|
expect(transformed.meta.url).toBe(dashboardV2.access.url);
|
|
|
|
expect(transformed.meta.canAdmin).toBe(dashboardV2.access.canAdmin);
|
|
|
|
expect(transformed.meta.canDelete).toBe(dashboardV2.access.canDelete);
|
|
|
|
expect(transformed.meta.canEdit).toBe(dashboardV2.access.canEdit);
|
|
|
|
expect(transformed.meta.canSave).toBe(dashboardV2.access.canSave);
|
|
|
|
expect(transformed.meta.canShare).toBe(dashboardV2.access.canShare);
|
|
|
|
expect(transformed.meta.canStar).toBe(dashboardV2.access.canStar);
|
|
|
|
expect(transformed.meta.annotationsPermissions).toEqual(dashboardV2.access.annotationsPermissions);
|
|
|
|
|
|
|
|
const dashboard = transformed.dashboard;
|
|
|
|
expect(dashboard.uid).toBe(dashboardV2.metadata.name);
|
|
|
|
expect(dashboard.title).toBe(dashboardV2.spec.title);
|
|
|
|
expect(dashboard.description).toBe(dashboardV2.spec.description);
|
|
|
|
expect(dashboard.tags).toEqual(dashboardV2.spec.tags);
|
|
|
|
expect(dashboard.schemaVersion).toBe(dashboardV2.spec.schemaVersion);
|
|
|
|
// expect(dashboard.graphTooltip).toBe(0); // Assuming transformCursorSynctoEnum('Off') returns 0
|
|
|
|
expect(dashboard.preload).toBe(dashboardV2.spec.preload);
|
|
|
|
expect(dashboard.liveNow).toBe(dashboardV2.spec.liveNow);
|
|
|
|
expect(dashboard.editable).toBe(dashboardV2.spec.editable);
|
2025-01-03 20:17:27 +08:00
|
|
|
expect(dashboard.revision).toBe(225);
|
|
|
|
expect(dashboard.gnetId).toBe(dashboardV2.metadata.annotations?.['grafana.app/dashboard-gnet-id']);
|
2024-12-18 05:17:09 +08:00
|
|
|
expect(dashboard.time?.from).toBe(dashboardV2.spec.timeSettings.from);
|
|
|
|
expect(dashboard.time?.to).toBe(dashboardV2.spec.timeSettings.to);
|
|
|
|
expect(dashboard.timezone).toBe(dashboardV2.spec.timeSettings.timezone);
|
|
|
|
expect(dashboard.refresh).toBe(dashboardV2.spec.timeSettings.autoRefresh);
|
|
|
|
expect(dashboard.timepicker?.refresh_intervals).toEqual(dashboardV2.spec.timeSettings.autoRefreshIntervals);
|
|
|
|
expect(dashboard.timepicker?.hidden).toBe(dashboardV2.spec.timeSettings.hideTimepicker);
|
|
|
|
expect(dashboard.timepicker?.time_options).toEqual(dashboardV2.spec.timeSettings.quickRanges);
|
|
|
|
expect(dashboard.timepicker?.nowDelay).toBe(dashboardV2.spec.timeSettings.nowDelay);
|
|
|
|
expect(dashboard.fiscalYearStartMonth).toBe(dashboardV2.spec.timeSettings.fiscalYearStartMonth);
|
|
|
|
expect(dashboard.weekStart).toBe(dashboardV2.spec.timeSettings.weekStart);
|
2025-01-02 19:23:58 +08:00
|
|
|
expect(dashboard.links).toEqual(dashboardV2.spec.links);
|
2024-12-18 05:17:09 +08:00
|
|
|
expect(dashboard.annotations).toEqual({ list: [] });
|
|
|
|
});
|
|
|
|
});
|
2025-01-03 17:25:06 +08:00
|
|
|
|
|
|
|
describe('getPanelQueries', () => {
|
|
|
|
it('respects targets data source', () => {
|
|
|
|
const panelDs = {
|
|
|
|
type: 'theoretical-ds',
|
|
|
|
uid: 'theoretical-uid',
|
|
|
|
};
|
|
|
|
const targets: DataQuery[] = [
|
|
|
|
{
|
|
|
|
refId: 'A',
|
|
|
|
datasource: {
|
|
|
|
type: 'theoretical-ds',
|
|
|
|
uid: 'theoretical-uid',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
refId: 'B',
|
|
|
|
datasource: {
|
|
|
|
type: 'theoretical-ds',
|
|
|
|
uid: 'theoretical-uid',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
];
|
|
|
|
|
|
|
|
const result = getPanelQueries(targets, panelDs);
|
|
|
|
|
|
|
|
expect(result).toHaveLength(targets.length);
|
|
|
|
expect(result[0].spec.refId).toBe('A');
|
|
|
|
expect(result[1].spec.refId).toBe('B');
|
|
|
|
|
|
|
|
result.forEach((query) => {
|
|
|
|
expect(query.kind).toBe('PanelQuery');
|
|
|
|
expect(query.spec.datasource).toEqual({
|
|
|
|
type: 'theoretical-ds',
|
|
|
|
uid: 'theoretical-uid',
|
|
|
|
});
|
|
|
|
expect(query.spec.query.kind).toBe('theoretical-ds');
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
it('respects panel data source', () => {
|
|
|
|
const panelDs = {
|
|
|
|
type: 'theoretical-ds',
|
|
|
|
uid: 'theoretical-uid',
|
|
|
|
};
|
|
|
|
const targets: DataQuery[] = [
|
|
|
|
{
|
|
|
|
refId: 'A',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
refId: 'B',
|
|
|
|
},
|
|
|
|
];
|
|
|
|
|
|
|
|
const result = getPanelQueries(targets, panelDs);
|
|
|
|
|
|
|
|
expect(result).toHaveLength(targets.length);
|
|
|
|
expect(result[0].spec.refId).toBe('A');
|
|
|
|
expect(result[1].spec.refId).toBe('B');
|
|
|
|
|
|
|
|
result.forEach((query) => {
|
|
|
|
expect(query.kind).toBe('PanelQuery');
|
|
|
|
expect(query.spec.datasource).toEqual({
|
|
|
|
type: 'theoretical-ds',
|
|
|
|
uid: 'theoretical-uid',
|
|
|
|
});
|
|
|
|
expect(query.spec.query.kind).toBe('theoretical-ds');
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
2024-12-18 05:17:09 +08:00
|
|
|
});
|