@perses-dev/components 0.0.0-snapshot-embed-import-errors-8906900 → 0.0.0-snapshot-test-internal-dep-dd238ac

package/dist/cjs/UnitSelector/UnitSelector.test.js

@@ -1,211 +0,0 @@
-// Copyright 2022 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 _unitSelector = require("./UnitSelector");
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-describe('UnitSelector', ()=>{
-    const renderUnitSelector = (value, onChange = jest.fn())=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
-            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_unitSelector.UnitSelector, {
-                value: value,
-                onChange: onChange
-            })
-        }));
-    };
-    const getUnitSelector = ()=>{
-        return _react.screen.getByRole('combobox', {
-            name: 'Units'
-        });
-    };
-    const getDecimalSelector = ()=>{
-        return _react.screen.getByRole('combobox', {
-            name: 'Decimal'
-        });
-    };
-    const getAbbreviateSwitch = ()=>{
-        return _react.screen.getByRole('checkbox', {
-            name: 'Abbreviate'
-        });
-    };
-    it('can change the unit kind by clicking', ()=>{
-        const onChange = jest.fn();
-        renderUnitSelector({
-            kind: 'Minutes'
-        }, onChange);
-        const unitSelector = getUnitSelector();
-        _userEvent.default.click(unitSelector);
-        const decimalOption = _react.screen.getByRole('option', {
-            name: 'Decimal'
-        });
-        _userEvent.default.click(decimalOption);
-        expect(onChange).toHaveBeenCalledWith({
-            kind: 'Decimal'
-        });
-    });
-    it('can change the unit kind using a keyboard', ()=>{
-        const onChange = jest.fn();
-        renderUnitSelector({
-            kind: 'Bytes'
-        }, onChange);
-        const unitSelector = getUnitSelector();
-        _userEvent.default.tab();
-        _userEvent.default.tab();
-        expect(unitSelector).toHaveFocus();
-        _userEvent.default.clear(unitSelector);
-        _userEvent.default.keyboard('years');
-        _react.screen.getByRole('option', {
-            name: 'Years'
-        });
-        _userEvent.default.keyboard('{arrowup}{enter}');
-        expect(onChange).toHaveBeenCalledWith({
-            kind: 'Years'
-        });
-    });
-    it('can change the decimal places by clicking', ()=>{
-        const onChange = jest.fn();
-        renderUnitSelector({
-            kind: 'Decimal',
-            decimal_places: 0,
-            abbreviate: true
-        }, onChange);
-        _userEvent.default.click(getDecimalSelector());
-        const decimalOption = _react.screen.getByRole('option', {
-            name: '1'
-        });
-        _userEvent.default.click(decimalOption);
-        expect(onChange).toHaveBeenCalledWith({
-            kind: 'Decimal',
-            decimal_places: 1,
-            abbreviate: true
-        });
-    });
-    it('can change the decimal places using a keyboard', ()=>{
-        const onChange = jest.fn();
-        renderUnitSelector({
-            kind: 'Percent'
-        }, onChange);
-        const decimalSelector = getDecimalSelector();
-        _userEvent.default.tab();
-        _userEvent.default.tab();
-        expect(decimalSelector).toHaveFocus();
-        _userEvent.default.clear(decimalSelector);
-        _userEvent.default.keyboard('3');
-        _react.screen.getByRole('option', {
-            name: '3'
-        });
-        _userEvent.default.keyboard('{arrowup}{enter}');
-        expect(onChange).toHaveBeenCalledWith({
-            kind: 'Percent',
-            decimal_places: 3
-        });
-    });
-    it('can change abbreviate by clicking', ()=>{
-        const onChange = jest.fn();
-        renderUnitSelector({
-            kind: 'Decimal',
-            decimal_places: 3,
-            abbreviate: true
-        }, onChange);
-        _userEvent.default.click(getAbbreviateSwitch());
-        expect(onChange).toHaveBeenCalledWith({
-            kind: 'Decimal',
-            decimal_places: 3,
-            abbreviate: false
-        });
-    });
-    it('can change abbreviate using a keyboard', ()=>{
-        const onChange = jest.fn();
-        renderUnitSelector({
-            kind: 'Decimal',
-            decimal_places: 0
-        }, onChange);
-        _userEvent.default.tab();
-        _userEvent.default.keyboard('{space}');
-        expect(onChange).toHaveBeenCalledWith({
-            kind: 'Decimal',
-            decimal_places: 0,
-            abbreviate: true
-        });
-    });
-    describe('with a time unit selected', ()=>{
-        it('does not allow the user to set abbreviate', ()=>{
-            renderUnitSelector({
-                kind: 'Minutes'
-            });
-            expect(getAbbreviateSwitch()).toBeDisabled();
-        });
-    });
-    describe('with a percent unit selected', ()=>{
-        it('allows the user to modify the decimal places', ()=>{
-            renderUnitSelector({
-                kind: 'Percent'
-            });
-            expect(getDecimalSelector()).toBeEnabled();
-        });
-        it('does not allow the user to set abbreviate', ()=>{
-            renderUnitSelector({
-                kind: 'PercentDecimal'
-            });
-            expect(getAbbreviateSwitch()).toBeDisabled();
-        });
-    });
-    describe('with a decimal unit selected', ()=>{
-        it('allows the user to modify the decimal places', ()=>{
-            renderUnitSelector({
-                kind: 'Decimal'
-            });
-            expect(getDecimalSelector()).toBeEnabled();
-        });
-        it('allows the user to set abbreviate', ()=>{
-            renderUnitSelector({
-                kind: 'Decimal'
-            });
-            expect(getAbbreviateSwitch()).toBeEnabled();
-        });
-    });
-    describe('with a bytes unit selected', ()=>{
-        it('allows the user to modify the decimal places', ()=>{
-            renderUnitSelector({
-                kind: 'Bytes'
-            });
-            expect(getDecimalSelector()).toBeEnabled();
-        });
-        it('allows the user to set abbreviate', ()=>{
-            renderUnitSelector({
-                kind: 'Bytes'
-            });
-            expect(getAbbreviateSwitch()).toBeEnabled();
-        });
-    });
-    it('should not show an option for disabled units', ()=>{
-        const onChange = jest.fn();
-        renderUnitSelector({
-            kind: 'Decimal'
-        }, onChange);
-        _userEvent.default.click(getUnitSelector());
-        const percentShorthandOption = _react.screen.queryByRole('option', {
-            name: '%'
-        });
-        expect(percentShorthandOption).not.toBeInTheDocument();
-    });
-});

package/dist/cjs/model/units/units.test.js

@@ -1,153 +0,0 @@
-// Copyright 2022 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 _units = require("./units");
-describe('formatValue()', ()=>{
-    const tests = [
-        {
-            value: 100000,
-            unit: {
-                kind: 'Decimal'
-            },
-            expected: '100,000.00'
-        },
-        {
-            value: 155900,
-            unit: {
-                kind: 'Decimal',
-                decimal_places: 4
-            },
-            expected: '155,900.0000'
-        },
-        {
-            value: 10,
-            unit: {
-                kind: 'Percent'
-            },
-            expected: '10.00%'
-        },
-        {
-            value: 50,
-            unit: {
-                kind: 'Percent',
-                decimal_places: 0
-            },
-            expected: '50%'
-        },
-        {
-            value: 0.1,
-            unit: {
-                kind: 'PercentDecimal'
-            },
-            expected: '10.00%'
-        },
-        {
-            value: 100,
-            unit: {
-                kind: 'Bytes',
-                decimal_places: 0,
-                abbreviate: false
-            },
-            expected: '100 bytes'
-        },
-        {
-            value: 100,
-            unit: {
-                kind: 'Bytes',
-                decimal_places: -1,
-                abbreviate: false
-            },
-            expected: '100 bytes'
-        },
-        {
-            value: 225000,
-            unit: {
-                kind: 'Bytes',
-                decimal_places: 0,
-                abbreviate: true
-            },
-            expected: '220 KB'
-        },
-        {
-            value: 505200,
-            unit: {
-                kind: 'Bytes'
-            },
-            expected: '505,200.00 bytes'
-        },
-        {
-            value: 8000,
-            unit: {
-                kind: 'Milliseconds'
-            },
-            expected: '8,000.00 milliseconds'
-        },
-        {
-            value: 200900,
-            unit: {
-                kind: 'Seconds'
-            },
-            expected: '200,900.00 seconds'
-        },
-        {
-            value: 300,
-            unit: {
-                kind: 'Minutes'
-            },
-            expected: '300.00 minutes'
-        },
-        {
-            value: 300,
-            unit: {
-                kind: 'Hours'
-            },
-            expected: '300.00 hours'
-        },
-        {
-            value: 300,
-            unit: {
-                kind: 'Days'
-            },
-            expected: '300.00 days'
-        },
-        {
-            value: 300,
-            unit: {
-                kind: 'Weeks'
-            },
-            expected: '300.00 weeks'
-        },
-        {
-            value: 300,
-            unit: {
-                kind: 'Months'
-            },
-            expected: '300.00 months'
-        },
-        {
-            value: 300,
-            unit: {
-                kind: 'Years'
-            },
-            expected: '300.00 years'
-        }
-    ];
-    tests.forEach(({ value , unit , expected  })=>{
-        it(`formats ${value} as ${JSON.stringify(unit)}`, ()=>{
-            expect((0, _units.formatValue)(value, unit)).toEqual(expected);
-        });
-    });
-});

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

@@ -1,47 +0,0 @@
-// Copyright 2022 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 _format = require("./format");
-const DATE = new Date(168523200000);
-const DATE_FORMAT_OPTIONS = {
-    hour: 'numeric',
-    minute: 'numeric',
-    hourCycle: 'h23'
-};
-describe('formatWithTimeZone', ()=>{
-    it('should format in Los Angeles timezone', ()=>{
-        expect((0, _format.formatWithTimeZone)(DATE, 'yyyy-MM-dd HH:mm:ss', 'America/Los_Angeles')).toBe('1975-05-05 05:00:00');
-    });
-    it('should format in UTC timezone', ()=>{
-        expect((0, _format.formatWithTimeZone)(DATE, 'yyyy-MM-dd HH:mm:ss', 'UTC')).toBe('1975-05-05 12:00:00');
-        expect((0, _format.formatWithTimeZone)(DATE, 'yyyy-MM-dd HH:mm:ss', 'utc')).toBe('1975-05-05 12:00:00');
-    });
-});
-describe('dateFormatOptionsWithTimeZone', ()=>{
-    it('should format in Los Angeles timezone', ()=>{
-        const dateFormatOptions = (0, _format.dateFormatOptionsWithTimeZone)(DATE_FORMAT_OPTIONS, 'America/Los_Angeles');
-        expect(new Intl.DateTimeFormat(undefined, dateFormatOptions).format(DATE)).toBe('05:00');
-    });
-    it('should format in UTC timezone', ()=>{
-        const dateFormatOptions = (0, _format.dateFormatOptionsWithTimeZone)(DATE_FORMAT_OPTIONS, 'utc');
-        expect(new Intl.DateTimeFormat(undefined, dateFormatOptions).format(DATE)).toBe('12:00');
-    });
-    it('should use browser local timezone', ()=>{
-        expect((0, _format.dateFormatOptionsWithTimeZone)(DATE_FORMAT_OPTIONS, 'browser').timeZone).toBeUndefined();
-        expect((0, _format.dateFormatOptionsWithTimeZone)(DATE_FORMAT_OPTIONS, 'local').timeZone).toBeUndefined();
-        expect((0, _format.dateFormatOptionsWithTimeZone)(DATE_FORMAT_OPTIONS).timeZone).toBeUndefined();
-    });
-});

package/dist/cjs/utils/theme-gen.test.js

@@ -1,197 +0,0 @@
-// Copyright 2022 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 _material = require("@mui/material");
-const _themeGen = require("./theme-gen");
-describe('generateChartsTheme', ()=>{
-    const muiTheme = (0, _material.createTheme)({});
-    const echartsThemeOverrides = {
-        legend: {
-            textStyle: {
-                color: 'yellow'
-            }
-        },
-        line: {
-            showSymbol: true,
-            smooth: true
-        }
-    };
-    const chartsTheme = (0, _themeGen.generateChartsTheme)(muiTheme, echartsThemeOverrides);
-    it('should return perses specific charts theme from converted MUI theme', ()=>{
-        expect(chartsTheme).toMatchInlineSnapshot(`
-      Object {
-        "echartsTheme": Object {
-          "bar": Object {
-            "barMaxWidth": 150,
-            "itemStyle": Object {
-              "borderColor": "#e0e0e0",
-              "borderWidth": 0,
-            },
-          },
-          "categoryAxis": Object {
-            "axisLabel": Object {
-              "color": "rgba(0, 0, 0, 0.87)",
-              "margin": 15,
-              "show": true,
-            },
-            "axisLine": Object {
-              "lineStyle": Object {
-                "color": "#757575",
-              },
-              "show": true,
-            },
-            "axisTick": Object {
-              "length": 6,
-              "lineStyle": Object {
-                "color": "#757575",
-              },
-              "show": false,
-            },
-            "show": true,
-            "splitArea": Object {
-              "areaStyle": Object {
-                "color": Array [
-                  "#e0e0e0",
-                ],
-              },
-              "show": false,
-            },
-            "splitLine": Object {
-              "lineStyle": Object {
-                "color": "#e0e0e0",
-                "opacity": 0.6,
-                "width": 0.5,
-              },
-              "show": true,
-            },
-          },
-          "color": Array [
-            "#8dd3c7",
-            "#bebada",
-            "#fb8072",
-            "#80b1d3",
-            "#fdb462",
-          ],
-          "gauge": Object {
-            "detail": Object {
-              "fontSize": 18,
-              "fontWeight": 600,
-              "valueAnimation": false,
-            },
-            "splitLine": Object {
-              "distance": 0,
-              "length": 4,
-              "lineStyle": Object {
-                "width": 1,
-              },
-            },
-            "splitNumber": 12,
-          },
-          "grid": Object {
-            "bottom": 0,
-            "containLabel": true,
-            "left": 20,
-            "right": 20,
-            "top": 5,
-          },
-          "legend": Object {
-            "orient": "horizontal",
-            "pageIconColor": "rgba(0, 0, 0, 0.54)",
-            "pageIconInactiveColor": "rgba(0, 0, 0, 0.26)",
-            "pageTextStyle": Object {
-              "color": "#757575",
-            },
-            "textStyle": Object {
-              "color": "yellow",
-            },
-          },
-          "line": Object {
-            "emphasis": Object {
-              "lineStyle": Object {
-                "width": 1.5,
-              },
-            },
-            "lineStyle": Object {
-              "width": 1,
-            },
-            "showSymbol": true,
-            "smooth": true,
-            "symbol": "circle",
-            "symbolSize": 4,
-          },
-          "textStyle": Object {
-            "color": "rgba(0, 0, 0, 0.87)",
-            "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
-            "fontSize": 12,
-          },
-          "title": Object {
-            "show": false,
-          },
-          "toolbox": Object {
-            "iconStyle": Object {
-              "borderColor": "rgba(0, 0, 0, 0.87)",
-            },
-            "right": 10,
-            "show": true,
-            "top": 10,
-          },
-          "tooltip": Object {},
-          "valueAxis": Object {
-            "axisLabel": Object {
-              "color": "rgba(0, 0, 0, 0.87)",
-              "margin": 12,
-            },
-            "axisLine": Object {
-              "show": false,
-            },
-            "show": true,
-            "splitLine": Object {
-              "lineStyle": Object {
-                "color": "#e0e0e0",
-                "opacity": 0.6,
-                "width": 0.5,
-              },
-              "show": true,
-            },
-          },
-        },
-        "noDataOption": Object {
-          "title": Object {
-            "left": "center",
-            "show": true,
-            "text": "No data",
-            "textStyle": Object {
-              "color": "rgba(0, 0, 0, 0.87)",
-              "fontSize": 16,
-              "fontWeight": 400,
-            },
-            "top": "center",
-          },
-          "xAxis": Object {
-            "show": false,
-          },
-          "yAxis": Object {
-            "show": false,
-          },
-        },
-        "sparkline": Object {
-          "color": "#1976d2",
-          "width": 2,
-        },
-      }
-    `);
-    });
-});

package/dist/model/units/units.test.d.ts

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

package/dist/model/units/units.test.d.ts.map

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