mirror of
https://github.com/grafana/grafana.git
synced 2025-02-20 11:48:34 -06:00
385 lines
10 KiB
TypeScript
385 lines
10 KiB
TypeScript
import _ from "lodash";
|
|
import { DashboardModel } from "../dashboard_model";
|
|
import { PanelModel } from "../panel_model";
|
|
|
|
jest.mock("app/core/services/context_srv", () => ({}));
|
|
|
|
describe("DashboardModel", function() {
|
|
describe("when creating new dashboard model defaults only", function() {
|
|
var model;
|
|
|
|
beforeEach(function() {
|
|
model = new DashboardModel({}, {});
|
|
});
|
|
|
|
it("should have title", function() {
|
|
expect(model.title).toBe("No Title");
|
|
});
|
|
|
|
it("should have meta", function() {
|
|
expect(model.meta.canSave).toBe(true);
|
|
expect(model.meta.canShare).toBe(true);
|
|
});
|
|
|
|
it("should have default properties", function() {
|
|
expect(model.panels.length).toBe(0);
|
|
});
|
|
});
|
|
|
|
describe("when getting next panel id", function() {
|
|
var model;
|
|
|
|
beforeEach(function() {
|
|
model = new DashboardModel({
|
|
panels: [{ id: 5 }]
|
|
});
|
|
});
|
|
|
|
it("should return max id + 1", function() {
|
|
expect(model.getNextPanelId()).toBe(6);
|
|
});
|
|
});
|
|
|
|
describe("getSaveModelClone", function() {
|
|
it("should sort keys", () => {
|
|
var model = new DashboardModel({});
|
|
var saveModel = model.getSaveModelClone();
|
|
var keys = _.keys(saveModel);
|
|
|
|
expect(keys[0]).toBe("annotations");
|
|
expect(keys[1]).toBe("autoUpdate");
|
|
});
|
|
});
|
|
|
|
describe("row and panel manipulation", function() {
|
|
var dashboard;
|
|
|
|
beforeEach(function() {
|
|
dashboard = new DashboardModel({});
|
|
});
|
|
|
|
it("adding panel should new up panel model", function() {
|
|
dashboard.addPanel({ type: "test", title: "test" });
|
|
|
|
expect(dashboard.panels[0] instanceof PanelModel).toBe(true);
|
|
});
|
|
|
|
it("duplicate panel should try to add to the right if there is space", function() {
|
|
var panel = { id: 10, gridPos: { x: 0, y: 0, w: 6, h: 2 } };
|
|
|
|
dashboard.addPanel(panel);
|
|
dashboard.duplicatePanel(dashboard.panels[0]);
|
|
|
|
expect(dashboard.panels[1].gridPos).toMatchObject({
|
|
x: 6,
|
|
y: 0,
|
|
h: 2,
|
|
w: 6
|
|
});
|
|
});
|
|
|
|
it("duplicate panel should remove repeat data", function() {
|
|
var panel = {
|
|
id: 10,
|
|
gridPos: { x: 0, y: 0, w: 6, h: 2 },
|
|
repeat: "asd",
|
|
scopedVars: { test: "asd" }
|
|
};
|
|
|
|
dashboard.addPanel(panel);
|
|
dashboard.duplicatePanel(dashboard.panels[0]);
|
|
|
|
expect(dashboard.panels[1].repeat).toBe(undefined);
|
|
expect(dashboard.panels[1].scopedVars).toBe(undefined);
|
|
});
|
|
});
|
|
|
|
describe("Given editable false dashboard", function() {
|
|
var model;
|
|
|
|
beforeEach(function() {
|
|
model = new DashboardModel({ editable: false });
|
|
});
|
|
|
|
it("Should set meta canEdit and canSave to false", function() {
|
|
expect(model.meta.canSave).toBe(false);
|
|
expect(model.meta.canEdit).toBe(false);
|
|
});
|
|
|
|
it("getSaveModelClone should remove meta", function() {
|
|
var clone = model.getSaveModelClone();
|
|
expect(clone.meta).toBe(undefined);
|
|
});
|
|
});
|
|
|
|
describe("when loading dashboard with old influxdb query schema", function() {
|
|
var model;
|
|
var target;
|
|
|
|
beforeEach(function() {
|
|
model = new DashboardModel({
|
|
panels: [
|
|
{
|
|
type: "graph",
|
|
grid: {},
|
|
yaxes: [{}, {}],
|
|
targets: [
|
|
{
|
|
alias: "$tag_datacenter $tag_source $col",
|
|
column: "value",
|
|
measurement: "logins.count",
|
|
fields: [
|
|
{
|
|
func: "mean",
|
|
name: "value",
|
|
mathExpr: "*2",
|
|
asExpr: "value"
|
|
},
|
|
{
|
|
name: "one-minute",
|
|
func: "mean",
|
|
mathExpr: "*3",
|
|
asExpr: "one-minute"
|
|
}
|
|
],
|
|
tags: [],
|
|
fill: "previous",
|
|
function: "mean",
|
|
groupBy: [
|
|
{
|
|
interval: "auto",
|
|
type: "time"
|
|
},
|
|
{
|
|
key: "source",
|
|
type: "tag"
|
|
},
|
|
{
|
|
type: "tag",
|
|
key: "datacenter"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
});
|
|
|
|
target = model.panels[0].targets[0];
|
|
});
|
|
|
|
it("should update query schema", function() {
|
|
expect(target.fields).toBe(undefined);
|
|
expect(target.select.length).toBe(2);
|
|
expect(target.select[0].length).toBe(4);
|
|
expect(target.select[0][0].type).toBe("field");
|
|
expect(target.select[0][1].type).toBe("mean");
|
|
expect(target.select[0][2].type).toBe("math");
|
|
expect(target.select[0][3].type).toBe("alias");
|
|
});
|
|
});
|
|
|
|
describe("when creating dashboard model with missing list for annoations or templating", function() {
|
|
var model;
|
|
|
|
beforeEach(function() {
|
|
model = new DashboardModel({
|
|
annotations: {
|
|
enable: true
|
|
},
|
|
templating: {
|
|
enable: true
|
|
}
|
|
});
|
|
});
|
|
|
|
it("should add empty list", function() {
|
|
expect(model.annotations.list.length).toBe(1);
|
|
expect(model.templating.list.length).toBe(0);
|
|
});
|
|
|
|
it("should add builtin annotation query", function() {
|
|
expect(model.annotations.list[0].builtIn).toBe(1);
|
|
expect(model.templating.list.length).toBe(0);
|
|
});
|
|
});
|
|
|
|
describe("Formatting epoch timestamp when timezone is set as utc", function() {
|
|
var dashboard;
|
|
|
|
beforeEach(function() {
|
|
dashboard = new DashboardModel({ timezone: "utc" });
|
|
});
|
|
|
|
it("Should format timestamp with second resolution by default", function() {
|
|
expect(dashboard.formatDate(1234567890000)).toBe("2009-02-13 23:31:30");
|
|
});
|
|
|
|
it("Should format timestamp with second resolution even if second format is passed as parameter", function() {
|
|
expect(dashboard.formatDate(1234567890007, "YYYY-MM-DD HH:mm:ss")).toBe(
|
|
"2009-02-13 23:31:30"
|
|
);
|
|
});
|
|
|
|
it("Should format timestamp with millisecond resolution if format is passed as parameter", function() {
|
|
expect(
|
|
dashboard.formatDate(1234567890007, "YYYY-MM-DD HH:mm:ss.SSS")
|
|
).toBe("2009-02-13 23:31:30.007");
|
|
});
|
|
});
|
|
|
|
describe("updateSubmenuVisibility with empty lists", function() {
|
|
var model;
|
|
|
|
beforeEach(function() {
|
|
model = new DashboardModel({});
|
|
model.updateSubmenuVisibility();
|
|
});
|
|
|
|
it("should not enable submmenu", function() {
|
|
expect(model.meta.submenuEnabled).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe("updateSubmenuVisibility with annotation", function() {
|
|
var model;
|
|
|
|
beforeEach(function() {
|
|
model = new DashboardModel({
|
|
annotations: {
|
|
list: [{}]
|
|
}
|
|
});
|
|
model.updateSubmenuVisibility();
|
|
});
|
|
|
|
it("should enable submmenu", function() {
|
|
expect(model.meta.submenuEnabled).toBe(true);
|
|
});
|
|
});
|
|
|
|
describe("updateSubmenuVisibility with template var", function() {
|
|
var model;
|
|
|
|
beforeEach(function() {
|
|
model = new DashboardModel({
|
|
templating: {
|
|
list: [{}]
|
|
}
|
|
});
|
|
model.updateSubmenuVisibility();
|
|
});
|
|
|
|
it("should enable submmenu", function() {
|
|
expect(model.meta.submenuEnabled).toBe(true);
|
|
});
|
|
});
|
|
|
|
describe("updateSubmenuVisibility with hidden template var", function() {
|
|
var model;
|
|
|
|
beforeEach(function() {
|
|
model = new DashboardModel({
|
|
templating: {
|
|
list: [{ hide: 2 }]
|
|
}
|
|
});
|
|
model.updateSubmenuVisibility();
|
|
});
|
|
|
|
it("should not enable submmenu", function() {
|
|
expect(model.meta.submenuEnabled).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe("updateSubmenuVisibility with hidden annotation toggle", function() {
|
|
var dashboard;
|
|
|
|
beforeEach(function() {
|
|
dashboard = new DashboardModel({
|
|
annotations: {
|
|
list: [{ hide: true }]
|
|
}
|
|
});
|
|
dashboard.updateSubmenuVisibility();
|
|
});
|
|
|
|
it("should not enable submmenu", function() {
|
|
expect(dashboard.meta.submenuEnabled).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe("When collapsing row", function() {
|
|
var dashboard;
|
|
|
|
beforeEach(function() {
|
|
dashboard = new DashboardModel({
|
|
panels: [
|
|
{ id: 1, type: "graph", gridPos: { x: 0, y: 0, w: 24, h: 2 } },
|
|
{ id: 2, type: "row", gridPos: { x: 0, y: 2, w: 24, h: 2 } },
|
|
{ id: 3, type: "graph", gridPos: { x: 0, y: 4, w: 12, h: 2 } },
|
|
{ id: 4, type: "graph", gridPos: { x: 12, y: 4, w: 12, h: 2 } },
|
|
{ id: 5, type: "row", gridPos: { x: 0, y: 6, w: 24, h: 2 } }
|
|
]
|
|
});
|
|
dashboard.toggleRow(dashboard.panels[1]);
|
|
});
|
|
|
|
it("should remove panels and put them inside collapsed row", function() {
|
|
expect(dashboard.panels.length).toBe(3);
|
|
expect(dashboard.panels[1].panels.length).toBe(2);
|
|
});
|
|
});
|
|
|
|
describe("When expanding row", function() {
|
|
var dashboard;
|
|
|
|
beforeEach(function() {
|
|
dashboard = new DashboardModel({
|
|
panels: [
|
|
{ id: 1, type: "graph", gridPos: { x: 0, y: 0, w: 24, h: 6 } },
|
|
{
|
|
id: 2,
|
|
type: "row",
|
|
gridPos: { x: 0, y: 6, w: 24, h: 2 },
|
|
collapsed: true,
|
|
panels: [
|
|
{ id: 3, type: "graph", gridPos: { x: 0, y: 2, w: 12, h: 2 } },
|
|
{ id: 4, type: "graph", gridPos: { x: 12, y: 2, w: 12, h: 2 } }
|
|
]
|
|
},
|
|
{ id: 5, type: "graph", gridPos: { x: 0, y: 6, w: 1, h: 1 } }
|
|
]
|
|
});
|
|
dashboard.toggleRow(dashboard.panels[1]);
|
|
});
|
|
|
|
it("should add panels back", function() {
|
|
expect(dashboard.panels.length).toBe(5);
|
|
});
|
|
|
|
it("should add them below row in array", function() {
|
|
expect(dashboard.panels[2].id).toBe(3);
|
|
expect(dashboard.panels[3].id).toBe(4);
|
|
});
|
|
|
|
it("should position them below row", function() {
|
|
expect(dashboard.panels[2].gridPos).toMatchObject({
|
|
x: 0,
|
|
y: 8,
|
|
w: 12,
|
|
h: 2
|
|
});
|
|
});
|
|
|
|
it("should move panels below down", function() {
|
|
expect(dashboard.panels[4].gridPos).toMatchObject({
|
|
x: 0,
|
|
y: 10,
|
|
w: 1,
|
|
h: 1
|
|
});
|
|
});
|
|
});
|
|
});
|