@reltio/components 1.4.1909 → 1.4.1911

package/cjs/ResizablePanes/ResizablePanes.spec.js

@@ -1,192 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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 react_split_pane_1 = __importDefault(require("react-split-pane"));
-var mdmSdk = __importStar(require("@reltio/mdm-sdk"));
-var ResizablePanes_1 = require("./ResizablePanes");
-jest.mock('@reltio/mdm-sdk');
-var PANE_ANIMATION_STYLE = { transition: 'height 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms' };
-describe('ResizablePanes tests', function () {
-    var defaultProps = {
-        orientation: 'horizontal',
-        size: '50%',
-        allowResize: true,
-        defaultSize: '45%',
-        minSize: 40,
-        maxSize: 400
-    };
-    it('should render main parts', function () {
-        var props = __assign({}, defaultProps);
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
-            react_1.default.createElement("div", null),
-            react_1.default.createElement("div", null)));
-        var splitPane = component.find(react_split_pane_1.default);
-        expect(splitPane.length).toBe(1);
-        expect(splitPane.prop('split')).toBe(props.orientation);
-        expect(splitPane.prop('size')).toBe(props.size);
-        expect(splitPane.prop('allowResize')).toBe(props.allowResize);
-        expect(splitPane.prop('defaultSize')).toBe(props.defaultSize);
-        expect(splitPane.prop('minSize')).toBe(props.minSize);
-        expect(splitPane.prop('maxSize')).toBe(props.maxSize);
-    });
-    it('should enable pane animations by default', function () {
-        var props = __assign({}, defaultProps);
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
-            react_1.default.createElement("div", null),
-            react_1.default.createElement("div", null)));
-        var splitPane = component.find(react_split_pane_1.default);
-        expect(splitPane.length).toBe(1);
-        expect(splitPane.prop('pane1Style')).toEqual(PANE_ANIMATION_STYLE);
-    });
-    it('should disable pane animations onDragStarted', function () {
-        var props = __assign({}, defaultProps);
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
-            react_1.default.createElement("div", null),
-            react_1.default.createElement("div", null)));
-        component.find(react_split_pane_1.default).prop('onDragStarted')();
-        expect(component.find(react_split_pane_1.default).prop('pane1Style')).toBeUndefined();
-    });
-    it('should enable pane animations onDragFinished', function () {
-        var props = __assign({}, defaultProps);
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
-            react_1.default.createElement("div", null),
-            react_1.default.createElement("div", null)));
-        component.find(react_split_pane_1.default).prop('onDragStarted')();
-        expect(component.find(react_split_pane_1.default).prop('pane1Style')).toBeUndefined();
-        component.find(react_split_pane_1.default).prop('onDragFinished')();
-        expect(component.find(react_split_pane_1.default).prop('pane1Style')).toEqual(PANE_ANIMATION_STYLE);
-    });
-    it('should call onChange prop with debounce on SplitPane onChange', function () {
-        var props = __assign(__assign({}, defaultProps), { onChange: jest.fn() });
-        var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
-            react_1.default.createElement("div", null),
-            react_1.default.createElement("div", null)));
-        var containerEl = component.find('.container').getDOMNode();
-        jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
-        component.find(react_split_pane_1.default).prop('onChange')(100);
-        expect(debounceSpy).toHaveBeenCalled();
-        expect(props.onChange).toHaveBeenCalledWith({
-            isMaxSize: false,
-            isMinSize: false,
-            percentageSize: '10%',
-            size: 100
-        });
-    });
-    it('should call onChange prop with correct isMaxSize for positive props.maxSize', function () {
-        var props = __assign(__assign({}, defaultProps), { maxSize: 500, onChange: jest.fn() });
-        var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
-            react_1.default.createElement("div", null),
-            react_1.default.createElement("div", null)));
-        var containerEl = component.find('.container').getDOMNode();
-        jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
-        component.find(react_split_pane_1.default).prop('onChange')(props.maxSize);
-        expect(debounceSpy).toHaveBeenCalled();
-        expect(props.onChange).toHaveBeenCalledWith({
-            isMaxSize: true,
-            isMinSize: false,
-            percentageSize: '50%',
-            size: 500
-        });
-    });
-    it('should call onChange prop with correct isMaxSize for negative props.maxSize', function () {
-        var props = __assign(__assign({}, defaultProps), { maxSize: -200, onChange: jest.fn() });
-        var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
-            react_1.default.createElement("div", null),
-            react_1.default.createElement("div", null)));
-        var containerEl = component.find('.container').getDOMNode();
-        jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
-        component.find(react_split_pane_1.default).prop('onChange')(800);
-        expect(debounceSpy).toHaveBeenCalled();
-        expect(props.onChange).toHaveBeenCalledWith({
-            isMaxSize: true,
-            isMinSize: false,
-            percentageSize: '80%',
-            size: 800
-        });
-    });
-    it('should call onChange prop with correct isMaxSize for "0" props.maxSize', function () {
-        var props = __assign(__assign({}, defaultProps), { maxSize: 0, onChange: jest.fn() });
-        var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
-            react_1.default.createElement("div", null),
-            react_1.default.createElement("div", null)));
-        var containerEl = component.find('.container').getDOMNode();
-        jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
-        component.find(react_split_pane_1.default).prop('onChange')(1000);
-        expect(debounceSpy).toHaveBeenCalled();
-        expect(props.onChange).toHaveBeenCalledWith({
-            isMaxSize: true,
-            isMinSize: false,
-            percentageSize: '100%',
-            size: 1000
-        });
-    });
-    it('should call onChange prop with correct isMinSize for positive props.minSize', function () {
-        var props = __assign(__assign({}, defaultProps), { minSize: 60, onChange: jest.fn() });
-        var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
-            react_1.default.createElement("div", null),
-            react_1.default.createElement("div", null)));
-        var containerEl = component.find('.container').getDOMNode();
-        jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
-        component.find(react_split_pane_1.default).prop('onChange')(props.minSize);
-        expect(debounceSpy).toHaveBeenCalled();
-        expect(props.onChange).toHaveBeenCalledWith({
-            isMaxSize: false,
-            isMinSize: true,
-            percentageSize: '6%',
-            size: 60
-        });
-    });
-    it('should apply negative size correctly', function () {
-        var props = __assign(__assign({}, defaultProps), { size: -40 });
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
-            react_1.default.createElement("div", null),
-            react_1.default.createElement("div", null)));
-        var containerEl = component.find('.container').getDOMNode();
-        jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
-        component.setProps(__assign({}, props));
-        expect(component.find(react_split_pane_1.default).prop('size')).toBe(1000 - 40);
-    });
-});

package/esm/ResizablePanes/ResizablePanes.spec.js

@@ -1,164 +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 SplitPane from 'react-split-pane';
-import * as mdmSdk from '@reltio/mdm-sdk';
-import { ResizablePanes } from './ResizablePanes';
-jest.mock('@reltio/mdm-sdk');
-var PANE_ANIMATION_STYLE = { transition: 'height 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms' };
-describe('ResizablePanes tests', function () {
-    var defaultProps = {
-        orientation: 'horizontal',
-        size: '50%',
-        allowResize: true,
-        defaultSize: '45%',
-        minSize: 40,
-        maxSize: 400
-    };
-    it('should render main parts', function () {
-        var props = __assign({}, defaultProps);
-        var component = shallow(React.createElement(ResizablePanes, __assign({}, props),
-            React.createElement("div", null),
-            React.createElement("div", null)));
-        var splitPane = component.find(SplitPane);
-        expect(splitPane.length).toBe(1);
-        expect(splitPane.prop('split')).toBe(props.orientation);
-        expect(splitPane.prop('size')).toBe(props.size);
-        expect(splitPane.prop('allowResize')).toBe(props.allowResize);
-        expect(splitPane.prop('defaultSize')).toBe(props.defaultSize);
-        expect(splitPane.prop('minSize')).toBe(props.minSize);
-        expect(splitPane.prop('maxSize')).toBe(props.maxSize);
-    });
-    it('should enable pane animations by default', function () {
-        var props = __assign({}, defaultProps);
-        var component = shallow(React.createElement(ResizablePanes, __assign({}, props),
-            React.createElement("div", null),
-            React.createElement("div", null)));
-        var splitPane = component.find(SplitPane);
-        expect(splitPane.length).toBe(1);
-        expect(splitPane.prop('pane1Style')).toEqual(PANE_ANIMATION_STYLE);
-    });
-    it('should disable pane animations onDragStarted', function () {
-        var props = __assign({}, defaultProps);
-        var component = shallow(React.createElement(ResizablePanes, __assign({}, props),
-            React.createElement("div", null),
-            React.createElement("div", null)));
-        component.find(SplitPane).prop('onDragStarted')();
-        expect(component.find(SplitPane).prop('pane1Style')).toBeUndefined();
-    });
-    it('should enable pane animations onDragFinished', function () {
-        var props = __assign({}, defaultProps);
-        var component = shallow(React.createElement(ResizablePanes, __assign({}, props),
-            React.createElement("div", null),
-            React.createElement("div", null)));
-        component.find(SplitPane).prop('onDragStarted')();
-        expect(component.find(SplitPane).prop('pane1Style')).toBeUndefined();
-        component.find(SplitPane).prop('onDragFinished')();
-        expect(component.find(SplitPane).prop('pane1Style')).toEqual(PANE_ANIMATION_STYLE);
-    });
-    it('should call onChange prop with debounce on SplitPane onChange', function () {
-        var props = __assign(__assign({}, defaultProps), { onChange: jest.fn() });
-        var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
-        var component = mount(React.createElement(ResizablePanes, __assign({}, props),
-            React.createElement("div", null),
-            React.createElement("div", null)));
-        var containerEl = component.find('.container').getDOMNode();
-        jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
-        component.find(SplitPane).prop('onChange')(100);
-        expect(debounceSpy).toHaveBeenCalled();
-        expect(props.onChange).toHaveBeenCalledWith({
-            isMaxSize: false,
-            isMinSize: false,
-            percentageSize: '10%',
-            size: 100
-        });
-    });
-    it('should call onChange prop with correct isMaxSize for positive props.maxSize', function () {
-        var props = __assign(__assign({}, defaultProps), { maxSize: 500, onChange: jest.fn() });
-        var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
-        var component = mount(React.createElement(ResizablePanes, __assign({}, props),
-            React.createElement("div", null),
-            React.createElement("div", null)));
-        var containerEl = component.find('.container').getDOMNode();
-        jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
-        component.find(SplitPane).prop('onChange')(props.maxSize);
-        expect(debounceSpy).toHaveBeenCalled();
-        expect(props.onChange).toHaveBeenCalledWith({
-            isMaxSize: true,
-            isMinSize: false,
-            percentageSize: '50%',
-            size: 500
-        });
-    });
-    it('should call onChange prop with correct isMaxSize for negative props.maxSize', function () {
-        var props = __assign(__assign({}, defaultProps), { maxSize: -200, onChange: jest.fn() });
-        var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
-        var component = mount(React.createElement(ResizablePanes, __assign({}, props),
-            React.createElement("div", null),
-            React.createElement("div", null)));
-        var containerEl = component.find('.container').getDOMNode();
-        jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
-        component.find(SplitPane).prop('onChange')(800);
-        expect(debounceSpy).toHaveBeenCalled();
-        expect(props.onChange).toHaveBeenCalledWith({
-            isMaxSize: true,
-            isMinSize: false,
-            percentageSize: '80%',
-            size: 800
-        });
-    });
-    it('should call onChange prop with correct isMaxSize for "0" props.maxSize', function () {
-        var props = __assign(__assign({}, defaultProps), { maxSize: 0, onChange: jest.fn() });
-        var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
-        var component = mount(React.createElement(ResizablePanes, __assign({}, props),
-            React.createElement("div", null),
-            React.createElement("div", null)));
-        var containerEl = component.find('.container').getDOMNode();
-        jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
-        component.find(SplitPane).prop('onChange')(1000);
-        expect(debounceSpy).toHaveBeenCalled();
-        expect(props.onChange).toHaveBeenCalledWith({
-            isMaxSize: true,
-            isMinSize: false,
-            percentageSize: '100%',
-            size: 1000
-        });
-    });
-    it('should call onChange prop with correct isMinSize for positive props.minSize', function () {
-        var props = __assign(__assign({}, defaultProps), { minSize: 60, onChange: jest.fn() });
-        var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
-        var component = mount(React.createElement(ResizablePanes, __assign({}, props),
-            React.createElement("div", null),
-            React.createElement("div", null)));
-        var containerEl = component.find('.container').getDOMNode();
-        jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
-        component.find(SplitPane).prop('onChange')(props.minSize);
-        expect(debounceSpy).toHaveBeenCalled();
-        expect(props.onChange).toHaveBeenCalledWith({
-            isMaxSize: false,
-            isMinSize: true,
-            percentageSize: '6%',
-            size: 60
-        });
-    });
-    it('should apply negative size correctly', function () {
-        var props = __assign(__assign({}, defaultProps), { size: -40 });
-        var component = mount(React.createElement(ResizablePanes, __assign({}, props),
-            React.createElement("div", null),
-            React.createElement("div", null)));
-        var containerEl = component.find('.container').getDOMNode();
-        jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
-        component.setProps(__assign({}, props));
-        expect(component.find(SplitPane).prop('size')).toBe(1000 - 40);
-    });
-});