@reltio/components 1.4.1956 → 1.4.1957

package/cjs/features/activity-log/ActivityFilterEditor/components/DateRangeSelector/DateRangeSelector.specs.js

@@ -1,185 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
-var test_utils_1 = require("react-dom/test-utils");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
-var RadioGroup_1 = __importDefault(require("@mui/material/RadioGroup"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var CustomDateRangeEditor_1 = require("../../../../../CustomDateRangeEditor");
-var DateIntervalSelector_1 = require("../../../../../DateIntervalSelector");
-var DateRangeSelector_1 = require("./DateRangeSelector");
-describe('DateRangeSelector tests', function () {
-    var value = {
-        type: mdm_sdk_1.DateRangeTypes.WITHIN,
-        period: [4, 'month']
-    };
-    var defaultProps = {
-        value: value,
-        onChange: jest.fn()
-    };
-    afterEach(function () {
-        jest.clearAllMocks();
-    });
-    it('should render correct default state', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, defaultProps)));
-        expect(wrapper.find(Typography_1.default).filterWhere(function (component) { return component.text() === 'Date'; }).length).toBe(1);
-        var radioGroup = wrapper.find(RadioGroup_1.default);
-        expect(radioGroup.length).toBe(1);
-        expect(radioGroup.prop('value')).toBe(defaultProps.value.type);
-        var withinOption = wrapper.find('.dateOptionWithin');
-        var agoOption = wrapper.find('.dateOptionAgo');
-        var betweenOption = wrapper.find('.dateOption');
-        expect(withinOption.length).toBe(1);
-        expect(withinOption.find(FormControlLabel_1.default).prop('value')).toBe(mdm_sdk_1.DateRangeTypes.WITHIN);
-        expect(agoOption.length).toBe(1);
-        expect(agoOption.find(FormControlLabel_1.default).prop('value')).toBe(mdm_sdk_1.DateRangeTypes.AGO);
-        expect(betweenOption.length).toBe(1);
-        expect(betweenOption.find(FormControlLabel_1.default).prop('value')).toBe(mdm_sdk_1.DateRangeTypes.BETWEEN);
-    });
-    it('should call props.onChange when type is changed to ago', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, defaultProps)));
-        var radioGroup = wrapper.find(RadioGroup_1.default);
-        (0, test_utils_1.act)(function () {
-            var _a;
-            var changeEvent = { target: { value: mdm_sdk_1.DateRangeTypes.AGO } };
-            (_a = radioGroup.prop('onChange')) === null || _a === void 0 ? void 0 : _a(changeEvent, mdm_sdk_1.DateRangeTypes.AGO);
-        });
-        wrapper.update();
-        var agoValue = {
-            type: mdm_sdk_1.DateRangeTypes.AGO,
-            period: [null, 'minutes']
-        };
-        expect(defaultProps.onChange).toHaveBeenCalledWith(agoValue);
-    });
-    it('should call props.onChange when type is changed to between', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, defaultProps)));
-        var radioGroup = wrapper.find(RadioGroup_1.default);
-        (0, test_utils_1.act)(function () {
-            var _a;
-            var changeEvent = { target: { value: mdm_sdk_1.DateRangeTypes.BETWEEN } };
-            (_a = radioGroup.prop('onChange')) === null || _a === void 0 ? void 0 : _a(changeEvent, mdm_sdk_1.DateRangeTypes.BETWEEN);
-        });
-        wrapper.update();
-        var betweenValue = {
-            type: mdm_sdk_1.DateRangeTypes.BETWEEN,
-            period: [null, null]
-        };
-        expect(defaultProps.onChange).toHaveBeenCalledWith(betweenValue);
-    });
-    it('should call props.onChange when type is changed to between', function () {
-        var agoValue = {
-            type: mdm_sdk_1.DateRangeTypes.AGO,
-            period: [4, 'month']
-        };
-        var props = {
-            value: agoValue,
-            onChange: jest.fn()
-        };
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, props)));
-        var radioGroup = wrapper.find(RadioGroup_1.default);
-        (0, test_utils_1.act)(function () {
-            var _a;
-            var changeEvent = { target: { value: mdm_sdk_1.DateRangeTypes.WITHIN } };
-            (_a = radioGroup.prop('onChange')) === null || _a === void 0 ? void 0 : _a(changeEvent, mdm_sdk_1.DateRangeTypes.WITHIN);
-        });
-        wrapper.update();
-        var withinValue = {
-            type: mdm_sdk_1.DateRangeTypes.WITHIN,
-            period: [null, 'minutes']
-        };
-        expect(props.onChange).toHaveBeenCalledWith(withinValue);
-    });
-    it('should call props.onChange when within period is changed', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, defaultProps)));
-        var withinOption = wrapper.find('.dateOptionWithin');
-        (0, test_utils_1.act)(function () {
-            withinOption.find(DateIntervalSelector_1.DateIntervalSelector).prop('onChange')([3, 'days']);
-        });
-        wrapper.update();
-        var newValue = {
-            type: mdm_sdk_1.DateRangeTypes.WITHIN,
-            period: [3, 'days']
-        };
-        expect(defaultProps.onChange).toHaveBeenCalledWith(newValue);
-    });
-    it('should call props.onChange when ago period is changed', function () {
-        var agoValue = {
-            type: mdm_sdk_1.DateRangeTypes.AGO,
-            period: [4, 'month']
-        };
-        var props = {
-            value: agoValue,
-            onChange: jest.fn()
-        };
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, props)));
-        var agoOption = wrapper.find('.dateOptionAgo');
-        (0, test_utils_1.act)(function () {
-            agoOption.find(DateIntervalSelector_1.DateIntervalSelector).prop('onChange')([17, 'days']);
-        });
-        wrapper.update();
-        var newValue = {
-            type: mdm_sdk_1.DateRangeTypes.AGO,
-            period: [17, 'days']
-        };
-        expect(props.onChange).toHaveBeenCalledWith(newValue);
-    });
-    it('should call props.onChange when between period is changed', function () {
-        var betweenValue = {
-            type: mdm_sdk_1.DateRangeTypes.BETWEEN,
-            period: [new Date(123), new Date(456)]
-        };
-        var props = {
-            value: betweenValue,
-            onChange: jest.fn()
-        };
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, props)));
-        var betweenOption = wrapper.find('.dateOption');
-        (0, test_utils_1.act)(function () {
-            betweenOption.find(CustomDateRangeEditor_1.CustomDateRangeEditor).prop('onChange')([new Date(234), new Date(567)]);
-        });
-        wrapper.update();
-        var newValue = {
-            type: mdm_sdk_1.DateRangeTypes.BETWEEN,
-            period: [new Date(234), new Date(567)]
-        };
-        expect(props.onChange).toHaveBeenCalledWith(newValue);
-    });
-    it('should render correctly if value is null', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, defaultProps, { value: null })));
-        expect(wrapper.find(RadioGroup_1.default).prop('value')).toBe(null);
-        expect(wrapper.find('.dateOptionWithin').find(DateIntervalSelector_1.DateIntervalSelector).prop('interval')).toEqual([
-            null,
-            'minutes'
-        ]);
-        expect(wrapper.find('.dateOptionAgo').find(DateIntervalSelector_1.DateIntervalSelector).prop('interval')).toEqual([null, 'minutes']);
-        expect(wrapper.find('.dateOption').find(CustomDateRangeEditor_1.CustomDateRangeEditor).prop('values')).toEqual([null, null]);
-    });
-    it('should apply null value from props correctly', function () {
-        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, defaultProps)));
-        wrapper.setProps({ value: null });
-        wrapper.update();
-        expect(wrapper.find(RadioGroup_1.default).prop('value')).toBe(null);
-        expect(wrapper.find('.dateOptionWithin').find(DateIntervalSelector_1.DateIntervalSelector).prop('interval')).toEqual([
-            null,
-            'minutes'
-        ]);
-        expect(wrapper.find('.dateOptionAgo').find(DateIntervalSelector_1.DateIntervalSelector).prop('interval')).toEqual([null, 'minutes']);
-        expect(wrapper.find('.dateOption').find(CustomDateRangeEditor_1.CustomDateRangeEditor).prop('values')).toEqual([null, null]);
-    });
-});

package/esm/features/activity-log/ActivityFilterEditor/components/DateRangeSelector/DateRangeSelector.specs.js

@@ -1,180 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-import { mount, shallow } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import { DateRangeTypes } from '@reltio/mdm-sdk';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import RadioGroup from '@mui/material/RadioGroup';
-import Typography from '@mui/material/Typography';
-import { CustomDateRangeEditor } from '../../../../../CustomDateRangeEditor';
-import { DateIntervalSelector } from '../../../../../DateIntervalSelector';
-import { DateRangeSelector } from './DateRangeSelector';
-describe('DateRangeSelector tests', function () {
-    var value = {
-        type: DateRangeTypes.WITHIN,
-        period: [4, 'month']
-    };
-    var defaultProps = {
-        value: value,
-        onChange: jest.fn()
-    };
-    afterEach(function () {
-        jest.clearAllMocks();
-    });
-    it('should render correct default state', function () {
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, defaultProps)));
-        expect(wrapper.find(Typography).filterWhere(function (component) { return component.text() === 'Date'; }).length).toBe(1);
-        var radioGroup = wrapper.find(RadioGroup);
-        expect(radioGroup.length).toBe(1);
-        expect(radioGroup.prop('value')).toBe(defaultProps.value.type);
-        var withinOption = wrapper.find('.dateOptionWithin');
-        var agoOption = wrapper.find('.dateOptionAgo');
-        var betweenOption = wrapper.find('.dateOption');
-        expect(withinOption.length).toBe(1);
-        expect(withinOption.find(FormControlLabel).prop('value')).toBe(DateRangeTypes.WITHIN);
-        expect(agoOption.length).toBe(1);
-        expect(agoOption.find(FormControlLabel).prop('value')).toBe(DateRangeTypes.AGO);
-        expect(betweenOption.length).toBe(1);
-        expect(betweenOption.find(FormControlLabel).prop('value')).toBe(DateRangeTypes.BETWEEN);
-    });
-    it('should call props.onChange when type is changed to ago', function () {
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, defaultProps)));
-        var radioGroup = wrapper.find(RadioGroup);
-        act(function () {
-            var _a;
-            var changeEvent = { target: { value: DateRangeTypes.AGO } };
-            (_a = radioGroup.prop('onChange')) === null || _a === void 0 ? void 0 : _a(changeEvent, DateRangeTypes.AGO);
-        });
-        wrapper.update();
-        var agoValue = {
-            type: DateRangeTypes.AGO,
-            period: [null, 'minutes']
-        };
-        expect(defaultProps.onChange).toHaveBeenCalledWith(agoValue);
-    });
-    it('should call props.onChange when type is changed to between', function () {
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, defaultProps)));
-        var radioGroup = wrapper.find(RadioGroup);
-        act(function () {
-            var _a;
-            var changeEvent = { target: { value: DateRangeTypes.BETWEEN } };
-            (_a = radioGroup.prop('onChange')) === null || _a === void 0 ? void 0 : _a(changeEvent, DateRangeTypes.BETWEEN);
-        });
-        wrapper.update();
-        var betweenValue = {
-            type: DateRangeTypes.BETWEEN,
-            period: [null, null]
-        };
-        expect(defaultProps.onChange).toHaveBeenCalledWith(betweenValue);
-    });
-    it('should call props.onChange when type is changed to between', function () {
-        var agoValue = {
-            type: DateRangeTypes.AGO,
-            period: [4, 'month']
-        };
-        var props = {
-            value: agoValue,
-            onChange: jest.fn()
-        };
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, props)));
-        var radioGroup = wrapper.find(RadioGroup);
-        act(function () {
-            var _a;
-            var changeEvent = { target: { value: DateRangeTypes.WITHIN } };
-            (_a = radioGroup.prop('onChange')) === null || _a === void 0 ? void 0 : _a(changeEvent, DateRangeTypes.WITHIN);
-        });
-        wrapper.update();
-        var withinValue = {
-            type: DateRangeTypes.WITHIN,
-            period: [null, 'minutes']
-        };
-        expect(props.onChange).toHaveBeenCalledWith(withinValue);
-    });
-    it('should call props.onChange when within period is changed', function () {
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, defaultProps)));
-        var withinOption = wrapper.find('.dateOptionWithin');
-        act(function () {
-            withinOption.find(DateIntervalSelector).prop('onChange')([3, 'days']);
-        });
-        wrapper.update();
-        var newValue = {
-            type: DateRangeTypes.WITHIN,
-            period: [3, 'days']
-        };
-        expect(defaultProps.onChange).toHaveBeenCalledWith(newValue);
-    });
-    it('should call props.onChange when ago period is changed', function () {
-        var agoValue = {
-            type: DateRangeTypes.AGO,
-            period: [4, 'month']
-        };
-        var props = {
-            value: agoValue,
-            onChange: jest.fn()
-        };
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, props)));
-        var agoOption = wrapper.find('.dateOptionAgo');
-        act(function () {
-            agoOption.find(DateIntervalSelector).prop('onChange')([17, 'days']);
-        });
-        wrapper.update();
-        var newValue = {
-            type: DateRangeTypes.AGO,
-            period: [17, 'days']
-        };
-        expect(props.onChange).toHaveBeenCalledWith(newValue);
-    });
-    it('should call props.onChange when between period is changed', function () {
-        var betweenValue = {
-            type: DateRangeTypes.BETWEEN,
-            period: [new Date(123), new Date(456)]
-        };
-        var props = {
-            value: betweenValue,
-            onChange: jest.fn()
-        };
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, props)));
-        var betweenOption = wrapper.find('.dateOption');
-        act(function () {
-            betweenOption.find(CustomDateRangeEditor).prop('onChange')([new Date(234), new Date(567)]);
-        });
-        wrapper.update();
-        var newValue = {
-            type: DateRangeTypes.BETWEEN,
-            period: [new Date(234), new Date(567)]
-        };
-        expect(props.onChange).toHaveBeenCalledWith(newValue);
-    });
-    it('should render correctly if value is null', function () {
-        var wrapper = shallow(React.createElement(DateRangeSelector, __assign({}, defaultProps, { value: null })));
-        expect(wrapper.find(RadioGroup).prop('value')).toBe(null);
-        expect(wrapper.find('.dateOptionWithin').find(DateIntervalSelector).prop('interval')).toEqual([
-            null,
-            'minutes'
-        ]);
-        expect(wrapper.find('.dateOptionAgo').find(DateIntervalSelector).prop('interval')).toEqual([null, 'minutes']);
-        expect(wrapper.find('.dateOption').find(CustomDateRangeEditor).prop('values')).toEqual([null, null]);
-    });
-    it('should apply null value from props correctly', function () {
-        var wrapper = mount(React.createElement(DateRangeSelector, __assign({}, defaultProps)));
-        wrapper.setProps({ value: null });
-        wrapper.update();
-        expect(wrapper.find(RadioGroup).prop('value')).toBe(null);
-        expect(wrapper.find('.dateOptionWithin').find(DateIntervalSelector).prop('interval')).toEqual([
-            null,
-            'minutes'
-        ]);
-        expect(wrapper.find('.dateOptionAgo').find(DateIntervalSelector).prop('interval')).toEqual([null, 'minutes']);
-        expect(wrapper.find('.dateOption').find(CustomDateRangeEditor).prop('values')).toEqual([null, null]);
-    });
-});