@perses-dev/dashboards 0.23.1 → 0.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/AddPanelButton/AddPanelButton.js +9 -2
- package/dist/cjs/components/Dashboard/Dashboard.js +23 -6
- package/dist/cjs/components/DashboardToolbar/DashboardToolbar.js +8 -17
- package/dist/cjs/components/EditButton/EditButton.js +41 -0
- package/dist/cjs/components/EditButton/index.js +28 -0
- package/dist/cjs/components/EditJsonButton/EditJsonButton.js +42 -0
- package/dist/cjs/components/EditJsonButton/index.js +28 -0
- package/dist/cjs/components/EditJsonDialog/EditJsonDialog.js +86 -0
- package/dist/cjs/components/EditJsonDialog/index.js +28 -0
- package/dist/cjs/components/EmptyDashboard/EmptyDashboard.js +127 -0
- package/dist/cjs/components/EmptyDashboard/index.js +28 -0
- package/dist/cjs/components/QuerySummaryTable/QuerySummaryTable.js +185 -0
- package/dist/cjs/components/QuerySummaryTable/index.js +28 -0
- package/dist/cjs/components/TimeRangeControls/TimeRangeControls.js +7 -3
- package/dist/cjs/components/ToolbarIconButton/ToolbarIconButton.js +6 -3
- package/dist/cjs/components/Variables/EditVariablesButton.js +9 -2
- package/dist/cjs/components/index.js +4 -0
- package/dist/cjs/constants/user-interface-text.js +1 -0
- package/dist/cjs/context/DashboardProvider/DashboardProvider.js +12 -6
- package/dist/cjs/context/DashboardProvider/dashboard-provider-api.js +10 -1
- package/dist/cjs/context/DashboardProvider/edit-json-dialog-slice.js +36 -0
- package/dist/cjs/context/DatasourceStoreProvider.js +9 -3
- package/dist/cjs/stories/decorators/WithDashboard.js +60 -0
- package/dist/cjs/stories/decorators/WithPluginRegistry.js +91 -0
- package/dist/cjs/stories/decorators/WithQueryClient.js +29 -0
- package/dist/cjs/stories/decorators/WithQueryParams.js +29 -0
- package/dist/cjs/stories/decorators/WithTemplateVariables.js +27 -0
- package/dist/cjs/stories/decorators/index.js +32 -0
- package/dist/cjs/views/ViewDashboard/DashboardApp.js +11 -4
- package/dist/cjs/views/ViewDashboard/ViewDashboard.js +2 -1
- package/dist/components/AddPanelButton/AddPanelButton.d.ts +16 -1
- package/dist/components/AddPanelButton/AddPanelButton.d.ts.map +1 -1
- package/dist/components/AddPanelButton/AddPanelButton.js +9 -2
- package/dist/components/AddPanelButton/AddPanelButton.js.map +1 -1
- package/dist/components/Dashboard/Dashboard.d.ts +10 -2
- package/dist/components/Dashboard/Dashboard.d.ts.map +1 -1
- package/dist/components/Dashboard/Dashboard.js +24 -7
- package/dist/components/Dashboard/Dashboard.js.map +1 -1
- package/dist/components/DashboardToolbar/DashboardToolbar.d.ts.map +1 -1
- package/dist/components/DashboardToolbar/DashboardToolbar.js +8 -12
- package/dist/components/DashboardToolbar/DashboardToolbar.js.map +1 -1
- package/dist/components/EditButton/EditButton.d.ts +13 -0
- package/dist/components/EditButton/EditButton.d.ts.map +1 -0
- package/dist/components/EditButton/EditButton.js +30 -0
- package/dist/components/EditButton/EditButton.js.map +1 -0
- package/dist/components/EditButton/index.d.ts +2 -0
- package/dist/components/EditButton/index.d.ts.map +1 -0
- package/dist/components/EditButton/index.js +15 -0
- package/dist/components/EditButton/index.js.map +1 -0
- package/dist/components/EditJsonButton/EditJsonButton.d.ts +3 -0
- package/dist/components/EditJsonButton/EditJsonButton.d.ts.map +1 -0
- package/dist/components/EditJsonButton/EditJsonButton.js +31 -0
- package/dist/components/EditJsonButton/EditJsonButton.js.map +1 -0
- package/dist/components/EditJsonButton/index.d.ts +2 -0
- package/dist/components/EditJsonButton/index.d.ts.map +1 -0
- package/dist/components/EditJsonButton/index.js +15 -0
- package/dist/components/EditJsonButton/index.js.map +1 -0
- package/dist/components/EditJsonDialog/EditJsonDialog.d.ts +3 -0
- package/dist/components/EditJsonDialog/EditJsonDialog.d.ts.map +1 -0
- package/dist/components/EditJsonDialog/EditJsonDialog.js +80 -0
- package/dist/components/EditJsonDialog/EditJsonDialog.js.map +1 -0
- package/dist/components/EditJsonDialog/index.d.ts +2 -0
- package/dist/components/EditJsonDialog/index.d.ts.map +1 -0
- package/dist/components/EditJsonDialog/index.js +15 -0
- package/dist/components/EditJsonDialog/index.js.map +1 -0
- package/dist/components/EmptyDashboard/EmptyDashboard.d.ts +33 -0
- package/dist/components/EmptyDashboard/EmptyDashboard.d.ts.map +1 -0
- package/dist/components/EmptyDashboard/EmptyDashboard.js +123 -0
- package/dist/components/EmptyDashboard/EmptyDashboard.js.map +1 -0
- package/dist/components/EmptyDashboard/index.d.ts +2 -0
- package/dist/components/EmptyDashboard/index.d.ts.map +1 -0
- package/dist/components/EmptyDashboard/index.js +15 -0
- package/dist/components/EmptyDashboard/index.js.map +1 -0
- package/dist/components/QuerySummaryTable/QuerySummaryTable.d.ts +11 -0
- package/dist/components/QuerySummaryTable/QuerySummaryTable.d.ts.map +1 -0
- package/dist/components/QuerySummaryTable/QuerySummaryTable.js +179 -0
- package/dist/components/QuerySummaryTable/QuerySummaryTable.js.map +1 -0
- package/dist/components/QuerySummaryTable/index.d.ts +2 -0
- package/dist/components/QuerySummaryTable/index.d.ts.map +1 -0
- package/dist/components/QuerySummaryTable/index.js +15 -0
- package/dist/components/QuerySummaryTable/index.js.map +1 -0
- package/dist/components/TimeRangeControls/TimeRangeControls.d.ts +2 -1
- package/dist/components/TimeRangeControls/TimeRangeControls.d.ts.map +1 -1
- package/dist/components/TimeRangeControls/TimeRangeControls.js +8 -4
- package/dist/components/TimeRangeControls/TimeRangeControls.js.map +1 -1
- package/dist/components/ToolbarIconButton/ToolbarIconButton.d.ts +1 -1
- package/dist/components/ToolbarIconButton/ToolbarIconButton.d.ts.map +1 -1
- package/dist/components/ToolbarIconButton/ToolbarIconButton.js +6 -3
- package/dist/components/ToolbarIconButton/ToolbarIconButton.js.map +1 -1
- package/dist/components/Variables/EditVariablesButton.d.ts +16 -1
- package/dist/components/Variables/EditVariablesButton.d.ts.map +1 -1
- package/dist/components/Variables/EditVariablesButton.js +9 -2
- package/dist/components/Variables/EditVariablesButton.js.map +1 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +4 -0
- package/dist/components/index.js.map +1 -1
- package/dist/constants/user-interface-text.d.ts +1 -0
- package/dist/constants/user-interface-text.d.ts.map +1 -1
- package/dist/constants/user-interface-text.js +1 -0
- package/dist/constants/user-interface-text.js.map +1 -1
- package/dist/context/DashboardProvider/DashboardProvider.d.ts +2 -1
- package/dist/context/DashboardProvider/DashboardProvider.d.ts.map +1 -1
- package/dist/context/DashboardProvider/DashboardProvider.js +12 -6
- package/dist/context/DashboardProvider/DashboardProvider.js.map +1 -1
- package/dist/context/DashboardProvider/dashboard-provider-api.d.ts +8 -0
- package/dist/context/DashboardProvider/dashboard-provider-api.d.ts.map +1 -1
- package/dist/context/DashboardProvider/dashboard-provider-api.js +10 -0
- package/dist/context/DashboardProvider/dashboard-provider-api.js.map +1 -1
- package/dist/context/DashboardProvider/edit-json-dialog-slice.d.ts +12 -0
- package/dist/context/DashboardProvider/edit-json-dialog-slice.d.ts.map +1 -0
- package/dist/context/DashboardProvider/edit-json-dialog-slice.js +30 -0
- package/dist/context/DashboardProvider/edit-json-dialog-slice.js.map +1 -0
- package/dist/context/DatasourceStoreProvider.d.ts +2 -0
- package/dist/context/DatasourceStoreProvider.d.ts.map +1 -1
- package/dist/context/DatasourceStoreProvider.js +9 -3
- package/dist/context/DatasourceStoreProvider.js.map +1 -1
- package/dist/stories/decorators/WithDashboard.js +48 -0
- package/dist/stories/decorators/WithDashboard.js.map +1 -0
- package/dist/stories/decorators/WithPluginRegistry.js +46 -0
- package/dist/stories/decorators/WithPluginRegistry.js.map +1 -0
- package/dist/stories/decorators/WithQueryClient.js +23 -0
- package/dist/stories/decorators/WithQueryClient.js.map +1 -0
- package/dist/stories/decorators/WithQueryParams.js +23 -0
- package/dist/stories/decorators/WithQueryParams.js.map +1 -0
- package/dist/stories/decorators/WithTemplateVariables.js +21 -0
- package/dist/stories/decorators/WithTemplateVariables.js.map +1 -0
- package/dist/stories/decorators/index.js +19 -0
- package/dist/stories/decorators/index.js.map +1 -0
- package/dist/views/ViewDashboard/DashboardApp.d.ts +2 -0
- package/dist/views/ViewDashboard/DashboardApp.d.ts.map +1 -1
- package/dist/views/ViewDashboard/DashboardApp.js +12 -5
- package/dist/views/ViewDashboard/DashboardApp.js.map +1 -1
- package/dist/views/ViewDashboard/ViewDashboard.d.ts +2 -8
- package/dist/views/ViewDashboard/ViewDashboard.d.ts.map +1 -1
- package/dist/views/ViewDashboard/ViewDashboard.js +2 -1
- package/dist/views/ViewDashboard/ViewDashboard.js.map +1 -1
- package/package.json +6 -5
- package/dist/cjs/components/Panel/Panel.test.js +0 -137
- package/dist/cjs/components/PanelDrawer/PanelDrawer.test.js +0 -131
- package/dist/cjs/components/PanelGroupDialog/PanelGroupDialog.test.js +0 -87
- package/dist/cjs/components/TimeRangeControls/TimeRangeControls.test.js +0 -95
- package/dist/cjs/components/Variables/variable-model.test.js +0 -106
- package/dist/cjs/context/TemplateVariableProvider/query-params.test.js +0 -82
- package/dist/cjs/utils/panelUtils.test.js +0 -195
- package/dist/cjs/views/ViewDashboard/tests/panelGroups.test.js +0 -110
- package/dist/components/Panel/Panel.test.d.ts +0 -2
- package/dist/components/Panel/Panel.test.d.ts.map +0 -1
- package/dist/components/Panel/Panel.test.js +0 -130
- package/dist/components/Panel/Panel.test.js.map +0 -1
- package/dist/components/PanelDrawer/PanelDrawer.test.d.ts +0 -2
- package/dist/components/PanelDrawer/PanelDrawer.test.d.ts.map +0 -1
- package/dist/components/PanelDrawer/PanelDrawer.test.js +0 -124
- package/dist/components/PanelDrawer/PanelDrawer.test.js.map +0 -1
- package/dist/components/PanelGroupDialog/PanelGroupDialog.test.d.ts +0 -2
- package/dist/components/PanelGroupDialog/PanelGroupDialog.test.d.ts.map +0 -1
- package/dist/components/PanelGroupDialog/PanelGroupDialog.test.js +0 -80
- package/dist/components/PanelGroupDialog/PanelGroupDialog.test.js.map +0 -1
- package/dist/components/TimeRangeControls/TimeRangeControls.test.d.ts +0 -2
- package/dist/components/TimeRangeControls/TimeRangeControls.test.d.ts.map +0 -1
- package/dist/components/TimeRangeControls/TimeRangeControls.test.js +0 -88
- package/dist/components/TimeRangeControls/TimeRangeControls.test.js.map +0 -1
- package/dist/components/Variables/variable-model.test.d.ts +0 -2
- package/dist/components/Variables/variable-model.test.d.ts.map +0 -1
- package/dist/components/Variables/variable-model.test.js +0 -104
- package/dist/components/Variables/variable-model.test.js.map +0 -1
- package/dist/context/TemplateVariableProvider/query-params.test.d.ts +0 -2
- package/dist/context/TemplateVariableProvider/query-params.test.d.ts.map +0 -1
- package/dist/context/TemplateVariableProvider/query-params.test.js +0 -80
- package/dist/context/TemplateVariableProvider/query-params.test.js.map +0 -1
- package/dist/utils/panelUtils.test.d.ts +0 -2
- package/dist/utils/panelUtils.test.d.ts.map +0 -1
- package/dist/utils/panelUtils.test.js +0 -193
- package/dist/utils/panelUtils.test.js.map +0 -1
- package/dist/views/ViewDashboard/tests/panelGroups.test.d.ts +0 -2
- package/dist/views/ViewDashboard/tests/panelGroups.test.d.ts.map +0 -1
- package/dist/views/ViewDashboard/tests/panelGroups.test.js +0 -103
- package/dist/views/ViewDashboard/tests/panelGroups.test.js.map +0 -1
|
@@ -1,195 +0,0 @@
|
|
|
1
|
-
// Copyright 2023 The Perses Authors
|
|
2
|
-
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
3
|
-
// you may not use this file except in compliance with the License.
|
|
4
|
-
// You may obtain a copy of the License at
|
|
5
|
-
//
|
|
6
|
-
// http://www.apache.org/licenses/LICENSE-2.0
|
|
7
|
-
//
|
|
8
|
-
// Unless required by applicable law or agreed to in writing, software
|
|
9
|
-
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
10
|
-
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
11
|
-
// See the License for the specific language governing permissions and
|
|
12
|
-
// limitations under the License.
|
|
13
|
-
"use strict";
|
|
14
|
-
Object.defineProperty(exports, "__esModule", {
|
|
15
|
-
value: true
|
|
16
|
-
});
|
|
17
|
-
const _panelUtils = require("./panelUtils");
|
|
18
|
-
describe('insertPanelInLayout', ()=>{
|
|
19
|
-
describe('inserts the panel to the right when space is available', ()=>{
|
|
20
|
-
test('with a single panel in that row', ()=>{
|
|
21
|
-
const newLayout = {
|
|
22
|
-
i: 'abc',
|
|
23
|
-
w: 10,
|
|
24
|
-
h: 8
|
|
25
|
-
};
|
|
26
|
-
const referenceLayout = {
|
|
27
|
-
i: 'one',
|
|
28
|
-
x: 0,
|
|
29
|
-
y: 0,
|
|
30
|
-
w: 6,
|
|
31
|
-
h: 6
|
|
32
|
-
};
|
|
33
|
-
const layouts = [
|
|
34
|
-
referenceLayout
|
|
35
|
-
];
|
|
36
|
-
expect((0, _panelUtils.insertPanelInLayout)(newLayout, referenceLayout, layouts)).toEqual([
|
|
37
|
-
referenceLayout,
|
|
38
|
-
{
|
|
39
|
-
x: 6,
|
|
40
|
-
y: 0,
|
|
41
|
-
...newLayout
|
|
42
|
-
}
|
|
43
|
-
]);
|
|
44
|
-
});
|
|
45
|
-
test('with multiple panels in that row with space between them', ()=>{
|
|
46
|
-
const newLayout = {
|
|
47
|
-
i: 'abc',
|
|
48
|
-
w: 10,
|
|
49
|
-
h: 8
|
|
50
|
-
};
|
|
51
|
-
const referenceLayout = {
|
|
52
|
-
i: 'one',
|
|
53
|
-
x: 0,
|
|
54
|
-
y: 0,
|
|
55
|
-
w: 3,
|
|
56
|
-
h: 4
|
|
57
|
-
};
|
|
58
|
-
const otherPanelInRow = {
|
|
59
|
-
i: 'two',
|
|
60
|
-
x: 20,
|
|
61
|
-
y: 0,
|
|
62
|
-
w: 4,
|
|
63
|
-
h: 4
|
|
64
|
-
};
|
|
65
|
-
const layouts = [
|
|
66
|
-
referenceLayout,
|
|
67
|
-
otherPanelInRow
|
|
68
|
-
];
|
|
69
|
-
expect((0, _panelUtils.insertPanelInLayout)(newLayout, referenceLayout, layouts)).toEqual([
|
|
70
|
-
referenceLayout,
|
|
71
|
-
{
|
|
72
|
-
x: 3,
|
|
73
|
-
y: 0,
|
|
74
|
-
...newLayout
|
|
75
|
-
},
|
|
76
|
-
otherPanelInRow
|
|
77
|
-
]);
|
|
78
|
-
});
|
|
79
|
-
});
|
|
80
|
-
describe('inserts the panel below when space is not available to the right', ()=>{
|
|
81
|
-
test('with a single panel in the initial layout', ()=>{
|
|
82
|
-
const newLayout = {
|
|
83
|
-
i: 'abc',
|
|
84
|
-
w: 10,
|
|
85
|
-
h: 8
|
|
86
|
-
};
|
|
87
|
-
const referenceLayout = {
|
|
88
|
-
i: 'one',
|
|
89
|
-
x: 1,
|
|
90
|
-
y: 0,
|
|
91
|
-
w: 18,
|
|
92
|
-
h: 4
|
|
93
|
-
};
|
|
94
|
-
const layouts = [
|
|
95
|
-
referenceLayout
|
|
96
|
-
];
|
|
97
|
-
expect((0, _panelUtils.insertPanelInLayout)(newLayout, referenceLayout, layouts)).toEqual([
|
|
98
|
-
referenceLayout,
|
|
99
|
-
{
|
|
100
|
-
x: 1,
|
|
101
|
-
y: 4,
|
|
102
|
-
...newLayout
|
|
103
|
-
}
|
|
104
|
-
]);
|
|
105
|
-
});
|
|
106
|
-
test('with a single panel in the same row and additional panels below', ()=>{
|
|
107
|
-
const newLayout = {
|
|
108
|
-
i: 'abc',
|
|
109
|
-
w: 10,
|
|
110
|
-
h: 8
|
|
111
|
-
};
|
|
112
|
-
const referenceLayout = {
|
|
113
|
-
i: 'one',
|
|
114
|
-
x: 0,
|
|
115
|
-
y: 0,
|
|
116
|
-
w: 18,
|
|
117
|
-
h: 4
|
|
118
|
-
};
|
|
119
|
-
const nextRowItem = {
|
|
120
|
-
i: 'two',
|
|
121
|
-
x: 0,
|
|
122
|
-
y: 4,
|
|
123
|
-
w: 6,
|
|
124
|
-
h: 6
|
|
125
|
-
};
|
|
126
|
-
const layouts = [
|
|
127
|
-
referenceLayout,
|
|
128
|
-
nextRowItem
|
|
129
|
-
];
|
|
130
|
-
expect((0, _panelUtils.insertPanelInLayout)(newLayout, referenceLayout, layouts)).toEqual([
|
|
131
|
-
referenceLayout,
|
|
132
|
-
{
|
|
133
|
-
x: 0,
|
|
134
|
-
y: 4,
|
|
135
|
-
...newLayout
|
|
136
|
-
},
|
|
137
|
-
{
|
|
138
|
-
...nextRowItem,
|
|
139
|
-
y: nextRowItem.y + newLayout.h
|
|
140
|
-
}
|
|
141
|
-
]);
|
|
142
|
-
});
|
|
143
|
-
});
|
|
144
|
-
});
|
|
145
|
-
describe('getValidPanelKey', ()=>{
|
|
146
|
-
test('removes whitespace', ()=>{
|
|
147
|
-
expect((0, _panelUtils.getValidPanelKey)('my panel name', {})).toBe('mypanelname');
|
|
148
|
-
});
|
|
149
|
-
test('does not include a counter if the key is not in use', ()=>{
|
|
150
|
-
const mockPanelDefs = {
|
|
151
|
-
alreadyInUse: {
|
|
152
|
-
kind: 'Panel',
|
|
153
|
-
spec: {}
|
|
154
|
-
}
|
|
155
|
-
};
|
|
156
|
-
expect((0, _panelUtils.getValidPanelKey)('newPanelName', mockPanelDefs)).toBe('newPanelName');
|
|
157
|
-
});
|
|
158
|
-
test('includes a counter if the key is already in use', ()=>{
|
|
159
|
-
const mockPanelDefs = {
|
|
160
|
-
alreadyInUse: {
|
|
161
|
-
kind: 'Panel',
|
|
162
|
-
spec: {}
|
|
163
|
-
}
|
|
164
|
-
};
|
|
165
|
-
expect((0, _panelUtils.getValidPanelKey)('alreadyInUse', mockPanelDefs)).toBe('alreadyInUse-1');
|
|
166
|
-
});
|
|
167
|
-
test('includes an incremented counter if the key is already in use multiple times', ()=>{
|
|
168
|
-
const mockPanelDefs = {
|
|
169
|
-
popularKey: {
|
|
170
|
-
kind: 'Panel',
|
|
171
|
-
spec: {}
|
|
172
|
-
},
|
|
173
|
-
'popularKey-1': {
|
|
174
|
-
kind: 'Panel',
|
|
175
|
-
spec: {}
|
|
176
|
-
}
|
|
177
|
-
};
|
|
178
|
-
expect((0, _panelUtils.getValidPanelKey)('popularKey', mockPanelDefs)).toBe('popularKey-2');
|
|
179
|
-
expect((0, _panelUtils.getValidPanelKey)('popularKey-1', mockPanelDefs)).toBe('popularKey-2');
|
|
180
|
-
});
|
|
181
|
-
test('does not duplicate counters when they are out of order', ()=>{
|
|
182
|
-
const mockPanelDefs = {
|
|
183
|
-
outoforder: {
|
|
184
|
-
kind: 'Panel',
|
|
185
|
-
spec: {}
|
|
186
|
-
},
|
|
187
|
-
'outoforder-2': {
|
|
188
|
-
kind: 'Panel',
|
|
189
|
-
spec: {}
|
|
190
|
-
}
|
|
191
|
-
};
|
|
192
|
-
expect((0, _panelUtils.getValidPanelKey)('outoforder', mockPanelDefs)).toBe('outoforder-3');
|
|
193
|
-
expect((0, _panelUtils.getValidPanelKey)('outoforder-2', mockPanelDefs)).toBe('outoforder-3');
|
|
194
|
-
});
|
|
195
|
-
});
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
// Copyright 2023 The Perses Authors
|
|
2
|
-
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
3
|
-
// you may not use this file except in compliance with the License.
|
|
4
|
-
// You may obtain a copy of the License at
|
|
5
|
-
//
|
|
6
|
-
// http://www.apache.org/licenses/LICENSE-2.0
|
|
7
|
-
//
|
|
8
|
-
// Unless required by applicable law or agreed to in writing, software
|
|
9
|
-
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
10
|
-
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
11
|
-
// See the License for the specific language governing permissions and
|
|
12
|
-
// limitations under the License.
|
|
13
|
-
"use strict";
|
|
14
|
-
Object.defineProperty(exports, "__esModule", {
|
|
15
|
-
value: true
|
|
16
|
-
});
|
|
17
|
-
const _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
-
const _react = require("@testing-library/react");
|
|
19
|
-
const _userEvent = /*#__PURE__*/ _interopRequireDefault(require("@testing-library/user-event"));
|
|
20
|
-
const _pluginSystem = require("@perses-dev/plugin-system");
|
|
21
|
-
const _context = require("../../../context");
|
|
22
|
-
const _test = require("../../../test");
|
|
23
|
-
const _dashboardApp = require("../DashboardApp");
|
|
24
|
-
function _interopRequireDefault(obj) {
|
|
25
|
-
return obj && obj.__esModule ? obj : {
|
|
26
|
-
default: obj
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
describe('Panel Groups', ()=>{
|
|
30
|
-
const renderDashboard = ()=>{
|
|
31
|
-
(0, _test.renderWithContext)(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.TimeRangeProvider, {
|
|
32
|
-
initialTimeRange: {
|
|
33
|
-
pastDuration: '30m'
|
|
34
|
-
},
|
|
35
|
-
children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_context.TemplateVariableProvider, {
|
|
36
|
-
children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_context.DashboardProvider, {
|
|
37
|
-
initialState: {
|
|
38
|
-
dashboardResource: (0, _test.getTestDashboard)(),
|
|
39
|
-
isEditMode: true
|
|
40
|
-
},
|
|
41
|
-
children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_dashboardApp.DashboardApp, {
|
|
42
|
-
dashboardResource: (0, _test.getTestDashboard)(),
|
|
43
|
-
isReadonly: false
|
|
44
|
-
})
|
|
45
|
-
})
|
|
46
|
-
})
|
|
47
|
-
}));
|
|
48
|
-
};
|
|
49
|
-
it('should delete panel', ()=>{
|
|
50
|
-
renderDashboard();
|
|
51
|
-
const panelTitle = 'CPU';
|
|
52
|
-
const deletePanelButton = _react.screen.getByLabelText(`delete panel ${panelTitle}`);
|
|
53
|
-
_userEvent.default.click(deletePanelButton);
|
|
54
|
-
_react.screen.getByText('Delete Panel');
|
|
55
|
-
const deleteButton = _react.screen.getByText('Delete');
|
|
56
|
-
_userEvent.default.click(deleteButton);
|
|
57
|
-
// The panel should disappear
|
|
58
|
-
const deletedPanel = _react.screen.queryByText(panelTitle);
|
|
59
|
-
expect(deletedPanel).not.toBeInTheDocument();
|
|
60
|
-
});
|
|
61
|
-
it('should only delete panel from panel group if panel is not referenced more than once', ()=>{
|
|
62
|
-
renderDashboard();
|
|
63
|
-
const panelTitle = 'Disk I/O Utilization';
|
|
64
|
-
const panels = _react.screen.getAllByText(panelTitle);
|
|
65
|
-
expect(panels).toHaveLength(2);
|
|
66
|
-
const deletePanelButton = _react.screen.getAllByLabelText(`delete panel ${panelTitle}`)[0];
|
|
67
|
-
if (deletePanelButton === undefined) throw new Error('Missing delete button');
|
|
68
|
-
_userEvent.default.click(deletePanelButton);
|
|
69
|
-
_react.screen.getByText('Delete Panel');
|
|
70
|
-
const deleteButton = _react.screen.getByText('Delete');
|
|
71
|
-
_userEvent.default.click(deleteButton);
|
|
72
|
-
// The deleted panel should still be on screen in the other group
|
|
73
|
-
const deletedPanel = _react.screen.queryByText(panelTitle);
|
|
74
|
-
expect(deletedPanel).toBeInTheDocument();
|
|
75
|
-
});
|
|
76
|
-
it('should swap panels', ()=>{
|
|
77
|
-
renderDashboard();
|
|
78
|
-
// should move panel down
|
|
79
|
-
const groupTitle1 = 'CPU Stats';
|
|
80
|
-
const moveGroupDownBtn = _react.screen.getByLabelText(`move group ${groupTitle1} down`);
|
|
81
|
-
_userEvent.default.click(moveGroupDownBtn);
|
|
82
|
-
// should move panel up
|
|
83
|
-
const groupTitle2 = 'Disk Stats';
|
|
84
|
-
const moveGroupUpBtn = _react.screen.getByLabelText(`move group ${groupTitle2} up`);
|
|
85
|
-
_userEvent.default.click(moveGroupUpBtn);
|
|
86
|
-
/* TODO: Figure out how to test this visually without coupling to the store
|
|
87
|
-
const layouts = storeApi.getState().layouts;
|
|
88
|
-
expect(layouts[0]?.title).toBe(undefined);
|
|
89
|
-
expect(layouts[1]?.title).toBe('Disk Stats');
|
|
90
|
-
expect(layouts[2]?.title).toBe('CPU Stats');
|
|
91
|
-
*/ });
|
|
92
|
-
it('should delete a panel group', ()=>{
|
|
93
|
-
renderDashboard();
|
|
94
|
-
const groupTitle = 'CPU Stats';
|
|
95
|
-
const deleteGroupIcon = _react.screen.getByLabelText(`delete group ${groupTitle}`);
|
|
96
|
-
_userEvent.default.click(deleteGroupIcon);
|
|
97
|
-
_react.screen.getByText('Delete Panel Group');
|
|
98
|
-
const deleteButton = _react.screen.getByText('Delete');
|
|
99
|
-
_userEvent.default.click(deleteButton);
|
|
100
|
-
// should remove group
|
|
101
|
-
const deletedGroup = _react.screen.queryByText(groupTitle);
|
|
102
|
-
expect(deletedGroup).not.toBeInTheDocument();
|
|
103
|
-
// CPU panel should be completely gone since it wasn't in any other group
|
|
104
|
-
let panel = _react.screen.queryByText('CPU');
|
|
105
|
-
expect(panel).not.toBeInTheDocument();
|
|
106
|
-
// A DiskIO panel should still be present in the other group that wasn't deleted
|
|
107
|
-
panel = _react.screen.queryByText('Disk I/O Utilization');
|
|
108
|
-
expect(panel).toBeInTheDocument();
|
|
109
|
-
});
|
|
110
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.test.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
// Copyright 2023 The Perses Authors
|
|
2
|
-
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
3
|
-
// you may not use this file except in compliance with the License.
|
|
4
|
-
// You may obtain a copy of the License at
|
|
5
|
-
//
|
|
6
|
-
// http://www.apache.org/licenses/LICENSE-2.0
|
|
7
|
-
//
|
|
8
|
-
// Unless required by applicable law or agreed to in writing, software
|
|
9
|
-
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
10
|
-
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
11
|
-
// See the License for the specific language governing permissions and
|
|
12
|
-
// limitations under the License.
|
|
13
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
import { screen, waitFor } from '@testing-library/react';
|
|
15
|
-
import userEvent from '@testing-library/user-event';
|
|
16
|
-
import { renderWithContext } from '../../test';
|
|
17
|
-
import { Panel } from './Panel';
|
|
18
|
-
describe('Panel', ()=>{
|
|
19
|
-
const createTestPanel = ()=>({
|
|
20
|
-
kind: 'Panel',
|
|
21
|
-
spec: {
|
|
22
|
-
display: {
|
|
23
|
-
name: 'Fake Panel Title',
|
|
24
|
-
description: 'This is a fake panel'
|
|
25
|
-
},
|
|
26
|
-
plugin: {
|
|
27
|
-
kind: 'TimeSeriesChart',
|
|
28
|
-
spec: {}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
// Helper to render the panel with some context set
|
|
33
|
-
const renderPanel = (definition, editHandlers)=>{
|
|
34
|
-
definition !== null && definition !== void 0 ? definition : definition = createTestPanel();
|
|
35
|
-
renderWithContext(/*#__PURE__*/ _jsx(Panel, {
|
|
36
|
-
definition: definition,
|
|
37
|
-
editHandlers: editHandlers
|
|
38
|
-
}));
|
|
39
|
-
};
|
|
40
|
-
// Helper to get the panel once rendered
|
|
41
|
-
const getPanel = ()=>screen.getByRole('region', {
|
|
42
|
-
name: 'Fake Panel Title'
|
|
43
|
-
});
|
|
44
|
-
it('should render panel', async ()=>{
|
|
45
|
-
renderPanel();
|
|
46
|
-
const panel = getPanel();
|
|
47
|
-
expect(panel).toBeInTheDocument();
|
|
48
|
-
// Should diplay header with panel's title
|
|
49
|
-
const header = screen.getByRole('banner');
|
|
50
|
-
expect(header).toHaveTextContent('Fake Panel Title');
|
|
51
|
-
// Should display chart's content from the fake panel plugin
|
|
52
|
-
const content = screen.getByRole('figure');
|
|
53
|
-
await waitFor(()=>{
|
|
54
|
-
expect(content).toHaveTextContent('TimeSeriesChart panel');
|
|
55
|
-
});
|
|
56
|
-
expect(content);
|
|
57
|
-
});
|
|
58
|
-
it('shows panel description', async ()=>{
|
|
59
|
-
renderPanel();
|
|
60
|
-
const panel = getPanel();
|
|
61
|
-
// Description button should not be visible until hover on panel
|
|
62
|
-
const missingButton = screen.queryByRole('button', {
|
|
63
|
-
name: /description/i
|
|
64
|
-
});
|
|
65
|
-
expect(missingButton).not.toBeInTheDocument();
|
|
66
|
-
userEvent.hover(panel);
|
|
67
|
-
const descriptionButton = screen.getByRole('button', {
|
|
68
|
-
name: /description/i
|
|
69
|
-
});
|
|
70
|
-
expect(descriptionButton).toBeInTheDocument();
|
|
71
|
-
// Can hover to see panel description in tooltip
|
|
72
|
-
userEvent.hover(descriptionButton);
|
|
73
|
-
const tooltip = await screen.findByRole('tooltip');
|
|
74
|
-
expect(tooltip).toHaveTextContent('This is a fake panel');
|
|
75
|
-
});
|
|
76
|
-
it('does not show description when panel does not have one', ()=>{
|
|
77
|
-
// Render a panel without a description set
|
|
78
|
-
const withoutDescription = createTestPanel();
|
|
79
|
-
withoutDescription.spec.display.description = undefined;
|
|
80
|
-
renderPanel(withoutDescription);
|
|
81
|
-
const panel = getPanel();
|
|
82
|
-
userEvent.hover(panel);
|
|
83
|
-
const descriptionButton = screen.queryByRole('button', {
|
|
84
|
-
name: /description/i
|
|
85
|
-
});
|
|
86
|
-
expect(descriptionButton).not.toBeInTheDocument();
|
|
87
|
-
});
|
|
88
|
-
it('does not show description in edit mode', ()=>{
|
|
89
|
-
renderPanel(undefined, {
|
|
90
|
-
onEditPanelClick: jest.fn(),
|
|
91
|
-
onDeletePanelClick: jest.fn(),
|
|
92
|
-
onDuplicatePanelClick: jest.fn()
|
|
93
|
-
});
|
|
94
|
-
const panel = getPanel();
|
|
95
|
-
userEvent.hover(panel);
|
|
96
|
-
const descriptionButton = screen.queryByRole('button', {
|
|
97
|
-
name: /description/i
|
|
98
|
-
});
|
|
99
|
-
expect(descriptionButton).not.toBeInTheDocument();
|
|
100
|
-
});
|
|
101
|
-
it('can trigger panel actions in edit mode', ()=>{
|
|
102
|
-
const onEditPanelClick = jest.fn();
|
|
103
|
-
const onDeletePanelClick = jest.fn();
|
|
104
|
-
const onDuplicatePanelClick = jest.fn();
|
|
105
|
-
renderPanel(undefined, {
|
|
106
|
-
onEditPanelClick,
|
|
107
|
-
onDeletePanelClick,
|
|
108
|
-
onDuplicatePanelClick
|
|
109
|
-
});
|
|
110
|
-
const panel = getPanel();
|
|
111
|
-
userEvent.hover(panel);
|
|
112
|
-
const editButton = screen.getByRole('button', {
|
|
113
|
-
name: /edit/i
|
|
114
|
-
});
|
|
115
|
-
userEvent.click(editButton);
|
|
116
|
-
const deleteButton = screen.getByRole('button', {
|
|
117
|
-
name: /delete/i
|
|
118
|
-
});
|
|
119
|
-
userEvent.click(deleteButton);
|
|
120
|
-
const duplicateButton = screen.getByRole('button', {
|
|
121
|
-
name: /duplicate/i
|
|
122
|
-
});
|
|
123
|
-
userEvent.click(duplicateButton);
|
|
124
|
-
expect(onEditPanelClick).toHaveBeenCalledTimes(1);
|
|
125
|
-
expect(onDeletePanelClick).toHaveBeenCalledTimes(1);
|
|
126
|
-
expect(onDuplicatePanelClick).toHaveBeenCalledTimes(1);
|
|
127
|
-
});
|
|
128
|
-
});
|
|
129
|
-
|
|
130
|
-
//# sourceMappingURL=Panel.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Panel/Panel.test.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { PanelDefinition } from '@perses-dev/core';\nimport { renderWithContext } from '../../test';\nimport { Panel, PanelProps } from './Panel';\n\ndescribe('Panel', () => {\n const createTestPanel = (): PanelDefinition => ({\n kind: 'Panel',\n spec: {\n display: {\n name: 'Fake Panel Title',\n description: 'This is a fake panel',\n },\n plugin: {\n kind: 'TimeSeriesChart',\n spec: {},\n },\n },\n });\n\n // Helper to render the panel with some context set\n const renderPanel = (definition?: PanelDefinition, editHandlers?: PanelProps['editHandlers']) => {\n definition ??= createTestPanel();\n\n renderWithContext(<Panel definition={definition} editHandlers={editHandlers} />);\n };\n\n // Helper to get the panel once rendered\n const getPanel = () => screen.getByRole('region', { name: 'Fake Panel Title' });\n\n it('should render panel', async () => {\n renderPanel();\n\n const panel = getPanel();\n expect(panel).toBeInTheDocument();\n\n // Should diplay header with panel's title\n const header = screen.getByRole('banner');\n expect(header).toHaveTextContent('Fake Panel Title');\n\n // Should display chart's content from the fake panel plugin\n const content = screen.getByRole('figure');\n await waitFor(() => {\n expect(content).toHaveTextContent('TimeSeriesChart panel');\n });\n expect(content);\n });\n\n it('shows panel description', async () => {\n renderPanel();\n\n const panel = getPanel();\n\n // Description button should not be visible until hover on panel\n const missingButton = screen.queryByRole('button', { name: /description/i });\n expect(missingButton).not.toBeInTheDocument();\n userEvent.hover(panel);\n const descriptionButton = screen.getByRole('button', { name: /description/i });\n expect(descriptionButton).toBeInTheDocument();\n\n // Can hover to see panel description in tooltip\n userEvent.hover(descriptionButton);\n const tooltip = await screen.findByRole('tooltip');\n expect(tooltip).toHaveTextContent('This is a fake panel');\n });\n\n it('does not show description when panel does not have one', () => {\n // Render a panel without a description set\n const withoutDescription = createTestPanel();\n withoutDescription.spec.display.description = undefined;\n renderPanel(withoutDescription);\n\n const panel = getPanel();\n userEvent.hover(panel);\n const descriptionButton = screen.queryByRole('button', { name: /description/i });\n expect(descriptionButton).not.toBeInTheDocument();\n });\n\n it('does not show description in edit mode', () => {\n renderPanel(undefined, {\n onEditPanelClick: jest.fn(),\n onDeletePanelClick: jest.fn(),\n onDuplicatePanelClick: jest.fn(),\n });\n\n const panel = getPanel();\n userEvent.hover(panel);\n const descriptionButton = screen.queryByRole('button', { name: /description/i });\n expect(descriptionButton).not.toBeInTheDocument();\n });\n\n it('can trigger panel actions in edit mode', () => {\n const onEditPanelClick = jest.fn();\n const onDeletePanelClick = jest.fn();\n const onDuplicatePanelClick = jest.fn();\n renderPanel(undefined, { onEditPanelClick, onDeletePanelClick, onDuplicatePanelClick });\n\n const panel = getPanel();\n userEvent.hover(panel);\n\n const editButton = screen.getByRole('button', { name: /edit/i });\n userEvent.click(editButton);\n\n const deleteButton = screen.getByRole('button', { name: /delete/i });\n userEvent.click(deleteButton);\n\n const duplicateButton = screen.getByRole('button', { name: /duplicate/i });\n userEvent.click(duplicateButton);\n\n expect(onEditPanelClick).toHaveBeenCalledTimes(1);\n expect(onDeletePanelClick).toHaveBeenCalledTimes(1);\n expect(onDuplicatePanelClick).toHaveBeenCalledTimes(1);\n });\n});\n"],"names":["screen","waitFor","userEvent","renderWithContext","Panel","describe","createTestPanel","kind","spec","display","name","description","plugin","renderPanel","definition","editHandlers","getPanel","getByRole","it","panel","expect","toBeInTheDocument","header","toHaveTextContent","content","missingButton","queryByRole","not","hover","descriptionButton","tooltip","findByRole","withoutDescription","undefined","onEditPanelClick","jest","fn","onDeletePanelClick","onDuplicatePanelClick","editButton","click","deleteButton","duplicateButton","toHaveBeenCalledTimes"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PanelDrawer.test.d.ts","sourceRoot":"","sources":["../../../src/components/PanelDrawer/PanelDrawer.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
// Copyright 2023 The Perses Authors
|
|
2
|
-
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
3
|
-
// you may not use this file except in compliance with the License.
|
|
4
|
-
// You may obtain a copy of the License at
|
|
5
|
-
//
|
|
6
|
-
// http://www.apache.org/licenses/LICENSE-2.0
|
|
7
|
-
//
|
|
8
|
-
// Unless required by applicable law or agreed to in writing, software
|
|
9
|
-
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
10
|
-
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
11
|
-
// See the License for the specific language governing permissions and
|
|
12
|
-
// limitations under the License.
|
|
13
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
-
import { screen } from '@testing-library/react';
|
|
15
|
-
import userEvent from '@testing-library/user-event';
|
|
16
|
-
import { act } from 'react-dom/test-utils';
|
|
17
|
-
import { createDashboardProviderSpy, getTestDashboard, renderWithContext } from '../../test';
|
|
18
|
-
import { DashboardProvider } from '../../context/DashboardProvider';
|
|
19
|
-
import { PanelDrawer } from './PanelDrawer';
|
|
20
|
-
describe('Panel Drawer', ()=>{
|
|
21
|
-
const renderPanelDrawer = ()=>{
|
|
22
|
-
const { store , DashboardProviderSpy } = createDashboardProviderSpy();
|
|
23
|
-
renderWithContext(/*#__PURE__*/ _jsxs(DashboardProvider, {
|
|
24
|
-
initialState: {
|
|
25
|
-
dashboardResource: getTestDashboard(),
|
|
26
|
-
isEditMode: true
|
|
27
|
-
},
|
|
28
|
-
children: [
|
|
29
|
-
/*#__PURE__*/ _jsx(DashboardProviderSpy, {}),
|
|
30
|
-
/*#__PURE__*/ _jsx(PanelDrawer, {})
|
|
31
|
-
]
|
|
32
|
-
}));
|
|
33
|
-
const { value: storeApi } = store;
|
|
34
|
-
if (storeApi === undefined) {
|
|
35
|
-
throw new Error('Expected dashboard store to be set after initial render');
|
|
36
|
-
}
|
|
37
|
-
return storeApi;
|
|
38
|
-
};
|
|
39
|
-
it('should add new panel', async ()=>{
|
|
40
|
-
const storeApi = renderPanelDrawer();
|
|
41
|
-
// Open the drawer for a new panel
|
|
42
|
-
act(()=>storeApi.getState().openAddPanel());
|
|
43
|
-
const nameInput = await screen.findByLabelText(/Name/);
|
|
44
|
-
userEvent.type(nameInput, 'New Panel');
|
|
45
|
-
userEvent.click(screen.getByText('Add'));
|
|
46
|
-
// TODO: Assert drawer is closed?
|
|
47
|
-
const panels = storeApi.getState().panels;
|
|
48
|
-
expect(panels).toMatchObject({
|
|
49
|
-
// Should have the new panel in the store
|
|
50
|
-
NewPanel: {
|
|
51
|
-
kind: 'Panel',
|
|
52
|
-
spec: {
|
|
53
|
-
display: {
|
|
54
|
-
name: 'New Panel'
|
|
55
|
-
},
|
|
56
|
-
plugin: {
|
|
57
|
-
kind: '',
|
|
58
|
-
spec: {}
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
});
|
|
63
|
-
});
|
|
64
|
-
it('should add panel with duplicate panel name', async ()=>{
|
|
65
|
-
const storeApi = renderPanelDrawer();
|
|
66
|
-
act(()=>storeApi.getState().openAddPanel());
|
|
67
|
-
const nameInput = await screen.findByLabelText(/Name/);
|
|
68
|
-
userEvent.type(nameInput, 'cpu');
|
|
69
|
-
userEvent.click(screen.getByText('Add'));
|
|
70
|
-
const panels = storeApi.getState().panels;
|
|
71
|
-
expect(panels).toMatchObject({
|
|
72
|
-
// make sure we don't have duplicate panel key by appending "-1"
|
|
73
|
-
'cpu-1': {
|
|
74
|
-
kind: 'Panel',
|
|
75
|
-
spec: {
|
|
76
|
-
display: {
|
|
77
|
-
name: 'cpu'
|
|
78
|
-
},
|
|
79
|
-
plugin: {
|
|
80
|
-
kind: '',
|
|
81
|
-
spec: {}
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
});
|
|
86
|
-
});
|
|
87
|
-
it('should edit an existing panel', async ()=>{
|
|
88
|
-
const storeApi = renderPanelDrawer();
|
|
89
|
-
// Open the drawer for an existing panel
|
|
90
|
-
const group = Object.values(storeApi.getState().panelGroups).find((group)=>group.title === 'CPU Stats');
|
|
91
|
-
if (group === undefined) {
|
|
92
|
-
throw new Error('Test group not found');
|
|
93
|
-
}
|
|
94
|
-
const layout = Object.entries(group.itemPanelKeys).find(([, panelKey])=>panelKey === 'cpu');
|
|
95
|
-
if (layout === undefined) {
|
|
96
|
-
throw new Error('Test panel not found');
|
|
97
|
-
}
|
|
98
|
-
act(()=>storeApi.getState().openEditPanel({
|
|
99
|
-
panelGroupId: group.id,
|
|
100
|
-
panelGroupItemLayoutId: layout[0]
|
|
101
|
-
}));
|
|
102
|
-
const nameInput = await screen.findByLabelText(/Name/);
|
|
103
|
-
userEvent.clear(nameInput);
|
|
104
|
-
userEvent.type(nameInput, 'cpu usage');
|
|
105
|
-
userEvent.click(screen.getByText('Apply'));
|
|
106
|
-
const panels = storeApi.getState().panels;
|
|
107
|
-
expect(panels).toMatchObject({
|
|
108
|
-
cpu: {
|
|
109
|
-
kind: 'Panel',
|
|
110
|
-
spec: {
|
|
111
|
-
display: {
|
|
112
|
-
name: 'cpu usage'
|
|
113
|
-
},
|
|
114
|
-
plugin: {
|
|
115
|
-
kind: 'TimeSeriesChart',
|
|
116
|
-
spec: {}
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
});
|
|
121
|
-
});
|
|
122
|
-
});
|
|
123
|
-
|
|
124
|
-
//# sourceMappingURL=PanelDrawer.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/PanelDrawer/PanelDrawer.test.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { act } from 'react-dom/test-utils';\nimport { createDashboardProviderSpy, getTestDashboard, renderWithContext } from '../../test';\nimport { DashboardProvider } from '../../context/DashboardProvider';\nimport { PanelDrawer } from './PanelDrawer';\n\ndescribe('Panel Drawer', () => {\n const renderPanelDrawer = () => {\n const { store, DashboardProviderSpy } = createDashboardProviderSpy();\n\n renderWithContext(\n <DashboardProvider initialState={{ dashboardResource: getTestDashboard(), isEditMode: true }}>\n <DashboardProviderSpy />\n <PanelDrawer />\n </DashboardProvider>\n );\n\n const { value: storeApi } = store;\n if (storeApi === undefined) {\n throw new Error('Expected dashboard store to be set after initial render');\n }\n\n return storeApi;\n };\n\n it('should add new panel', async () => {\n const storeApi = renderPanelDrawer();\n\n // Open the drawer for a new panel\n act(() => storeApi.getState().openAddPanel());\n\n const nameInput = await screen.findByLabelText(/Name/);\n userEvent.type(nameInput, 'New Panel');\n userEvent.click(screen.getByText('Add'));\n\n // TODO: Assert drawer is closed?\n const panels = storeApi.getState().panels;\n expect(panels).toMatchObject({\n // Should have the new panel in the store\n NewPanel: {\n kind: 'Panel',\n spec: {\n display: { name: 'New Panel' },\n plugin: {\n kind: '',\n spec: {},\n },\n },\n },\n });\n });\n\n it('should add panel with duplicate panel name', async () => {\n const storeApi = renderPanelDrawer();\n\n act(() => storeApi.getState().openAddPanel());\n\n const nameInput = await screen.findByLabelText(/Name/);\n userEvent.type(nameInput, 'cpu');\n userEvent.click(screen.getByText('Add'));\n\n const panels = storeApi.getState().panels;\n expect(panels).toMatchObject({\n // make sure we don't have duplicate panel key by appending \"-1\"\n 'cpu-1': {\n kind: 'Panel',\n spec: {\n display: { name: 'cpu' },\n plugin: {\n kind: '',\n spec: {},\n },\n },\n },\n });\n });\n\n it('should edit an existing panel', async () => {\n const storeApi = renderPanelDrawer();\n\n // Open the drawer for an existing panel\n const group = Object.values(storeApi.getState().panelGroups).find((group) => group.title === 'CPU Stats');\n if (group === undefined) {\n throw new Error('Test group not found');\n }\n const layout = Object.entries(group.itemPanelKeys).find(([, panelKey]) => panelKey === 'cpu');\n if (layout === undefined) {\n throw new Error('Test panel not found');\n }\n act(() => storeApi.getState().openEditPanel({ panelGroupId: group.id, panelGroupItemLayoutId: layout[0] }));\n\n const nameInput = await screen.findByLabelText(/Name/);\n userEvent.clear(nameInput);\n userEvent.type(nameInput, 'cpu usage');\n userEvent.click(screen.getByText('Apply'));\n\n const panels = storeApi.getState().panels;\n expect(panels).toMatchObject({\n cpu: {\n kind: 'Panel',\n spec: {\n display: { name: 'cpu usage' },\n plugin: {\n kind: 'TimeSeriesChart',\n spec: {},\n },\n },\n },\n });\n });\n});\n"],"names":["screen","userEvent","act","createDashboardProviderSpy","getTestDashboard","renderWithContext","DashboardProvider","PanelDrawer","describe","renderPanelDrawer","store","DashboardProviderSpy","initialState","dashboardResource","isEditMode","value","storeApi","undefined","Error","it","getState","openAddPanel","nameInput","findByLabelText","type","click","getByText","panels","expect","toMatchObject","NewPanel","kind","spec","display","name","plugin","group","Object","values","panelGroups","find","title","layout","entries","itemPanelKeys","panelKey","openEditPanel","panelGroupId","id","panelGroupItemLayoutId","clear","cpu"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PanelGroupDialog.test.d.ts","sourceRoot":"","sources":["../../../src/components/PanelGroupDialog/PanelGroupDialog.test.tsx"],"names":[],"mappings":""}
|