@perses-dev/dashboards 0.23.0 → 0.24.0

package/dist/cjs/components/TimeRangeControls/TimeRangeControls.test.js

@@ -1,95 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _jsxRuntime = require("react/jsx-runtime");
-const _reactRouter = require("react-router");
-const _history = require("history");
-const _userEvent = /*#__PURE__*/ _interopRequireDefault(require("@testing-library/user-event"));
-const _react = require("@testing-library/react");
-const _pluginSystem = require("@perses-dev/plugin-system");
-const _test = require("../../test");
-const _testDashboard = /*#__PURE__*/ _interopRequireDefault(require("../../test/testDashboard"));
-const _context = require("../../context");
-const _timeRangeControls = require("./TimeRangeControls");
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const history = (0, _history.createMemoryHistory)({
-    initialEntries: [
-        (0, _reactRouter.generatePath)('/home'),
-        (0, _reactRouter.generatePath)('/dashboards/:id', {
-            id: 'test'
-        })
-    ]
-});
-describe('TimeRangeControls', ()=>{
-    let initialState;
-    const testDefaultTimeRange = {
-        pastDuration: _testDashboard.default.spec.duration
-    };
-    beforeEach(()=>{
-        initialState = {
-            dashboardResource: _testDashboard.default
-        };
-    });
-    const renderTimeRangeControls = (testURLParams)=>{
-        (0, _test.renderWithContext)(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_context.DashboardProvider, {
-            initialState: initialState,
-            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.TimeRangeProvider, {
-                initialTimeRange: testDefaultTimeRange,
-                enabledURLParams: testURLParams,
-                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_timeRangeControls.TimeRangeControls, {})
-            })
-        }), undefined, history);
-    };
-    it('should default to dashboard duration and update selected time option when clicked', async ()=>{
-        renderTimeRangeControls(false);
-        expect(_react.screen.getByText('Last 30 minutes')).toBeInTheDocument();
-        const dateButton = _react.screen.getByRole('button', {
-            name: /time range/i
-        });
-        _userEvent.default.click(dateButton);
-        const firstSelected = _react.screen.getByRole('option', {
-            name: 'Last 5 minutes'
-        });
-        _userEvent.default.click(firstSelected);
-        expect(dateButton).toHaveTextContent(/5 minutes/i);
-    });
-    it('should update URL params with correct time range values', ()=>{
-        renderTimeRangeControls(true);
-        const dateButton = _react.screen.getByRole('button', {
-            name: /time range/i
-        });
-        _userEvent.default.click(dateButton);
-        const firstSelected = _react.screen.getByRole('option', {
-            name: 'Last 5 minutes'
-        });
-        _userEvent.default.click(firstSelected);
-        expect(history.location.search).toEqual('?start=5m');
-        // pick another option from TimeRangeSelector dropdown
-        const secondSelected = _react.screen.getByText('Last 12 hours');
-        _userEvent.default.click(secondSelected);
-        expect(history.location.search).toEqual('?start=12h');
-        // back button should return to previous page selected
-        (0, _react.act)(()=>{
-            history.back();
-        });
-        expect(history.location.pathname).toEqual('/home');
-    });
-// TODO: add additional tests for absolute time selection, other inputs, form validation, etc.
-});

package/dist/cjs/components/Variables/variable-model.test.js

@@ -1,106 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _variableModel = require("./variable-model");
-describe('filterVariableList', ()=>{
-    const testSuite = [
-        {
-            title: 'basic case',
-            capturing_regexp: /([^-]*)-host-([^-]*)/g,
-            originalValues: [
-                {
-                    label: 'l1',
-                    value: 'us1-host-ahdix'
-                },
-                {
-                    label: 'l2',
-                    value: 'us1-host-diua'
-                },
-                {
-                    label: 'l3',
-                    value: 'eu1-host-adf'
-                },
-                {
-                    label: 'l4',
-                    value: 'bar'
-                }
-            ],
-            result: [
-                {
-                    label: 'l1',
-                    value: 'us1ahdix'
-                },
-                {
-                    label: 'l2',
-                    value: 'us1diua'
-                },
-                {
-                    label: 'l3',
-                    value: 'eu1adf'
-                }
-            ]
-        },
-        {
-            title: 'duplicate captured value',
-            capturing_regexp: /prometheus-(.+):\d+/g,
-            originalValues: [
-                {
-                    label: 'l1',
-                    value: 'prometheus-app:9090'
-                },
-                {
-                    label: 'l2',
-                    value: 'prometheus-app:9091'
-                },
-                {
-                    label: 'l3',
-                    value: 'prometheus-platform:9091'
-                },
-                {
-                    label: 'l4',
-                    value: 'prometheus-database:9091'
-                },
-                {
-                    label: 'l5',
-                    value: 'prometheus-perses:9091'
-                }
-            ],
-            result: [
-                {
-                    label: 'l1',
-                    value: 'app'
-                },
-                {
-                    label: 'l3',
-                    value: 'platform'
-                },
-                {
-                    label: 'l4',
-                    value: 'database'
-                },
-                {
-                    label: 'l5',
-                    value: 'perses'
-                }
-            ]
-        }
-    ];
-    testSuite.forEach(({ title , capturing_regexp , originalValues , result  })=>{
-        it(title, ()=>{
-            expect((0, _variableModel.filterVariableList)(originalValues, capturing_regexp)).toEqual(result);
-        });
-    });
-});

package/dist/cjs/context/TemplateVariableProvider/query-params.test.js

@@ -1,82 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _queryParams = require("./query-params");
-describe('getInitalValuesFromQueryParameters', ()=>{
-    test('base case', ()=>{
-        expect((0, _queryParams.getInitalValuesFromQueryParameters)({
-            'var-foo': 'bar',
-            'var-baz': [
-                'qux',
-                'quux'
-            ]
-        })).toEqual({
-            foo: 'bar',
-            baz: [
-                'qux',
-                'quux'
-            ]
-        });
-    });
-});
-describe('encodeVariableValue', ()=>{
-    const testCases = [
-        {
-            input: 'foo',
-            expected: 'foo'
-        },
-        {
-            input: [
-                'foo',
-                'bar'
-            ],
-            expected: 'foo,bar'
-        },
-        {
-            input: '$__all',
-            expected: '$__all'
-        }
-    ];
-    testCases.forEach(({ input , expected  })=>{
-        test(`encodes ${input} as ${expected}`, ()=>{
-            expect((0, _queryParams.encodeVariableValue)(input)).toEqual(expected);
-        });
-    });
-});
-describe('decodeVariableValue', ()=>{
-    const testCases = [
-        {
-            input: 'foo',
-            expected: 'foo'
-        },
-        {
-            input: 'foo,bar',
-            expected: [
-                'foo',
-                'bar'
-            ]
-        },
-        {
-            input: '$__all',
-            expected: '$__all'
-        }
-    ];
-    testCases.forEach(({ input , expected  })=>{
-        test(`encodes ${input} as ${expected}`, ()=>{
-            expect((0, _queryParams.decodeVariableValue)(input)).toEqual(expected);
-        });
-    });
-});

package/dist/cjs/utils/panelUtils.test.js

@@ -1,195 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _panelUtils = require("./panelUtils");
-describe('insertPanelInLayout', ()=>{
-    describe('inserts the panel to the right when space is available', ()=>{
-        test('with a single panel in that row', ()=>{
-            const newLayout = {
-                i: 'abc',
-                w: 10,
-                h: 8
-            };
-            const referenceLayout = {
-                i: 'one',
-                x: 0,
-                y: 0,
-                w: 6,
-                h: 6
-            };
-            const layouts = [
-                referenceLayout
-            ];
-            expect((0, _panelUtils.insertPanelInLayout)(newLayout, referenceLayout, layouts)).toEqual([
-                referenceLayout,
-                {
-                    x: 6,
-                    y: 0,
-                    ...newLayout
-                }
-            ]);
-        });
-        test('with multiple panels in that row with space between them', ()=>{
-            const newLayout = {
-                i: 'abc',
-                w: 10,
-                h: 8
-            };
-            const referenceLayout = {
-                i: 'one',
-                x: 0,
-                y: 0,
-                w: 3,
-                h: 4
-            };
-            const otherPanelInRow = {
-                i: 'two',
-                x: 20,
-                y: 0,
-                w: 4,
-                h: 4
-            };
-            const layouts = [
-                referenceLayout,
-                otherPanelInRow
-            ];
-            expect((0, _panelUtils.insertPanelInLayout)(newLayout, referenceLayout, layouts)).toEqual([
-                referenceLayout,
-                {
-                    x: 3,
-                    y: 0,
-                    ...newLayout
-                },
-                otherPanelInRow
-            ]);
-        });
-    });
-    describe('inserts the panel below when space is not available to the right', ()=>{
-        test('with a single panel in the initial layout', ()=>{
-            const newLayout = {
-                i: 'abc',
-                w: 10,
-                h: 8
-            };
-            const referenceLayout = {
-                i: 'one',
-                x: 1,
-                y: 0,
-                w: 18,
-                h: 4
-            };
-            const layouts = [
-                referenceLayout
-            ];
-            expect((0, _panelUtils.insertPanelInLayout)(newLayout, referenceLayout, layouts)).toEqual([
-                referenceLayout,
-                {
-                    x: 1,
-                    y: 4,
-                    ...newLayout
-                }
-            ]);
-        });
-        test('with a single panel in the same row and additional panels below', ()=>{
-            const newLayout = {
-                i: 'abc',
-                w: 10,
-                h: 8
-            };
-            const referenceLayout = {
-                i: 'one',
-                x: 0,
-                y: 0,
-                w: 18,
-                h: 4
-            };
-            const nextRowItem = {
-                i: 'two',
-                x: 0,
-                y: 4,
-                w: 6,
-                h: 6
-            };
-            const layouts = [
-                referenceLayout,
-                nextRowItem
-            ];
-            expect((0, _panelUtils.insertPanelInLayout)(newLayout, referenceLayout, layouts)).toEqual([
-                referenceLayout,
-                {
-                    x: 0,
-                    y: 4,
-                    ...newLayout
-                },
-                {
-                    ...nextRowItem,
-                    y: nextRowItem.y + newLayout.h
-                }
-            ]);
-        });
-    });
-});
-describe('getValidPanelKey', ()=>{
-    test('removes whitespace', ()=>{
-        expect((0, _panelUtils.getValidPanelKey)('my panel name', {})).toBe('mypanelname');
-    });
-    test('does not include a counter if the key is not in use', ()=>{
-        const mockPanelDefs = {
-            alreadyInUse: {
-                kind: 'Panel',
-                spec: {}
-            }
-        };
-        expect((0, _panelUtils.getValidPanelKey)('newPanelName', mockPanelDefs)).toBe('newPanelName');
-    });
-    test('includes a counter if the key is already in use', ()=>{
-        const mockPanelDefs = {
-            alreadyInUse: {
-                kind: 'Panel',
-                spec: {}
-            }
-        };
-        expect((0, _panelUtils.getValidPanelKey)('alreadyInUse', mockPanelDefs)).toBe('alreadyInUse-1');
-    });
-    test('includes an incremented counter if the key is already in use multiple times', ()=>{
-        const mockPanelDefs = {
-            popularKey: {
-                kind: 'Panel',
-                spec: {}
-            },
-            'popularKey-1': {
-                kind: 'Panel',
-                spec: {}
-            }
-        };
-        expect((0, _panelUtils.getValidPanelKey)('popularKey', mockPanelDefs)).toBe('popularKey-2');
-        expect((0, _panelUtils.getValidPanelKey)('popularKey-1', mockPanelDefs)).toBe('popularKey-2');
-    });
-    test('does not duplicate counters when they are out of order', ()=>{
-        const mockPanelDefs = {
-            outoforder: {
-                kind: 'Panel',
-                spec: {}
-            },
-            'outoforder-2': {
-                kind: 'Panel',
-                spec: {}
-            }
-        };
-        expect((0, _panelUtils.getValidPanelKey)('outoforder', mockPanelDefs)).toBe('outoforder-3');
-        expect((0, _panelUtils.getValidPanelKey)('outoforder-2', mockPanelDefs)).toBe('outoforder-3');
-    });
-});

package/dist/cjs/views/ViewDashboard/tests/panelGroups.test.js

@@ -1,110 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _jsxRuntime = require("react/jsx-runtime");
-const _react = require("@testing-library/react");
-const _userEvent = /*#__PURE__*/ _interopRequireDefault(require("@testing-library/user-event"));
-const _pluginSystem = require("@perses-dev/plugin-system");
-const _context = require("../../../context");
-const _test = require("../../../test");
-const _dashboardApp = require("../DashboardApp");
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-describe('Panel Groups', ()=>{
-    const renderDashboard = ()=>{
-        (0, _test.renderWithContext)(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.TimeRangeProvider, {
-            initialTimeRange: {
-                pastDuration: '30m'
-            },
-            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_context.TemplateVariableProvider, {
-                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_context.DashboardProvider, {
-                    initialState: {
-                        dashboardResource: (0, _test.getTestDashboard)(),
-                        isEditMode: true
-                    },
-                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_dashboardApp.DashboardApp, {
-                        dashboardResource: (0, _test.getTestDashboard)(),
-                        isReadonly: false
-                    })
-                })
-            })
-        }));
-    };
-    it('should delete panel', ()=>{
-        renderDashboard();
-        const panelTitle = 'CPU';
-        const deletePanelButton = _react.screen.getByLabelText(`delete panel ${panelTitle}`);
-        _userEvent.default.click(deletePanelButton);
-        _react.screen.getByText('Delete Panel');
-        const deleteButton = _react.screen.getByText('Delete');
-        _userEvent.default.click(deleteButton);
-        // The panel should disappear
-        const deletedPanel = _react.screen.queryByText(panelTitle);
-        expect(deletedPanel).not.toBeInTheDocument();
-    });
-    it('should only delete panel from panel group if panel is not referenced more than once', ()=>{
-        renderDashboard();
-        const panelTitle = 'Disk I/O Utilization';
-        const panels = _react.screen.getAllByText(panelTitle);
-        expect(panels).toHaveLength(2);
-        const deletePanelButton = _react.screen.getAllByLabelText(`delete panel ${panelTitle}`)[0];
-        if (deletePanelButton === undefined) throw new Error('Missing delete button');
-        _userEvent.default.click(deletePanelButton);
-        _react.screen.getByText('Delete Panel');
-        const deleteButton = _react.screen.getByText('Delete');
-        _userEvent.default.click(deleteButton);
-        // The deleted panel should still be on screen in the other group
-        const deletedPanel = _react.screen.queryByText(panelTitle);
-        expect(deletedPanel).toBeInTheDocument();
-    });
-    it('should swap panels', ()=>{
-        renderDashboard();
-        // should move panel down
-        const groupTitle1 = 'CPU Stats';
-        const moveGroupDownBtn = _react.screen.getByLabelText(`move group ${groupTitle1} down`);
-        _userEvent.default.click(moveGroupDownBtn);
-        // should move panel up
-        const groupTitle2 = 'Disk Stats';
-        const moveGroupUpBtn = _react.screen.getByLabelText(`move group ${groupTitle2} up`);
-        _userEvent.default.click(moveGroupUpBtn);
-    /* TODO: Figure out how to test this visually without coupling to the store
-    const layouts = storeApi.getState().layouts;
-    expect(layouts[0]?.title).toBe(undefined);
-    expect(layouts[1]?.title).toBe('Disk Stats');
-    expect(layouts[2]?.title).toBe('CPU Stats');
-    */ });
-    it('should delete a panel group', ()=>{
-        renderDashboard();
-        const groupTitle = 'CPU Stats';
-        const deleteGroupIcon = _react.screen.getByLabelText(`delete group ${groupTitle}`);
-        _userEvent.default.click(deleteGroupIcon);
-        _react.screen.getByText('Delete Panel Group');
-        const deleteButton = _react.screen.getByText('Delete');
-        _userEvent.default.click(deleteButton);
-        // should remove group
-        const deletedGroup = _react.screen.queryByText(groupTitle);
-        expect(deletedGroup).not.toBeInTheDocument();
-        // CPU panel should be completely gone since it wasn't in any other group
-        let panel = _react.screen.queryByText('CPU');
-        expect(panel).not.toBeInTheDocument();
-        // A DiskIO panel should still be present in the other group that wasn't deleted
-        panel = _react.screen.queryByText('Disk I/O Utilization');
-        expect(panel).toBeInTheDocument();
-    });
-});

package/dist/components/Panel/Panel.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Panel.test.d.ts.map

package/dist/components/Panel/Panel.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Panel.test.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.test.tsx"],"names":[],"mappings":""}