@reltio/components 1.4.2070 → 1.4.2072

package/cjs/VirtualGroupedList/VirtualGroupedList.spec.js

@@ -1,287 +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 react_window_1 = require("react-window");
-var VirtualGroupedList_1 = require("./VirtualGroupedList");
-var helpers_1 = require("./helpers");
-describe('VirtualGroupedList tests', function () {
-    var getItems = function (type) {
-        var simpleItems = [
-            {
-                item: {
-                    label: 'Label 1',
-                    id: 'someid1'
-                }
-            },
-            {
-                item: {
-                    label: 'Label 2',
-                    id: 'someid2'
-                }
-            },
-            {
-                item: {
-                    label: 'Label 3',
-                    id: 'someid3'
-                }
-            }
-        ];
-        var newSimpleItems = [
-            {
-                item: {
-                    label: 'Label 1',
-                    id: 'someid1'
-                }
-            },
-            {
-                item: {
-                    label: 'Label 2',
-                    id: 'someid2'
-                }
-            }
-        ];
-        var groupedItems = [
-            {
-                item: {
-                    label: 'Label 1',
-                    id: 'someid1'
-                },
-                items: [
-                    {
-                        item: {
-                            label: 'Label 1.1',
-                            id: 'someid1.1'
-                        }
-                    },
-                    {
-                        item: {
-                            label: 'Label 1.2',
-                            id: 'someid1.2'
-                        }
-                    },
-                    {
-                        item: {
-                            label: 'Label 1.3',
-                            id: 'someid1.3'
-                        }
-                    }
-                ]
-            },
-            {
-                item: {
-                    label: 'Label 2',
-                    id: 'someid2'
-                },
-                items: [
-                    {
-                        item: {
-                            label: 'Label 2.1',
-                            id: 'someid2.1'
-                        }
-                    },
-                    {
-                        item: {
-                            label: 'Label 2.2',
-                            id: 'someid2.2'
-                        }
-                    }
-                ]
-            }
-        ];
-        switch (type) {
-            case 'grouped':
-                return { items: (0, helpers_1.flattenGroupedItemsData)(groupedItems) };
-            case 'groupedWithMove': {
-                groupedItems[1].items[1].moveTo = true;
-                return { items: (0, helpers_1.flattenGroupedItemsData)(groupedItems) };
-            }
-            case 'newSimpleItems': {
-                return { items: (0, helpers_1.flattenGroupedItemsData)(newSimpleItems) };
-            }
-            case 'simple':
-            default:
-                return { items: (0, helpers_1.flattenGroupedItemsData)(simpleItems) };
-        }
-    };
-    var findClassName = function (component, className) { return component.find('div.' + className); };
-    var itemClass = 'item';
-    var itemTitleClass = 'stickyTitleItem';
-    var stickyTitlesWrapper = 'stickyTitlesWrapper';
-    var renderItem = function (style, _a) {
-        var item = _a.item;
-        return (react_1.default.createElement("div", { style: style, className: itemClass }, item.label));
-    };
-    var defaultParams = {
-        getItemSize: function () { return 50; },
-        renderItem: renderItem,
-        renderGroupTitle: renderItem,
-        height: 500
-    };
-    afterEach(function () {
-        jest.restoreAllMocks();
-    });
-    it('should render main components', function () {
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(VirtualGroupedList_1.VirtualGroupedList, __assign({}, getItems('simple'), defaultParams)));
-        expect(component.find(react_window_1.VariableSizeList).length).toBe(1);
-    });
-    it('should correct render simple items', function () {
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(VirtualGroupedList_1.VirtualGroupedList, __assign({}, getItems('simple'), defaultParams)));
-        var items = findClassName(component, itemClass);
-        expect(items.length).toBe(3);
-        expect(items.at(0).text()).toBe('Label 1');
-        expect(items.at(1).text()).toBe('Label 2');
-        expect(items.at(2).text()).toBe('Label 3');
-    });
-    it('should correct render grouped items', function () {
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(VirtualGroupedList_1.VirtualGroupedList, __assign({}, getItems('grouped'), defaultParams)));
-        var items = findClassName(component, itemClass);
-        expect(items.length).toBe(9);
-        expect(items.at(0).text()).toBe('Label 1');
-        expect(items.at(1).text()).toBe('Label 2');
-        expect(items.at(2).text()).toBe('Label 1');
-        expect(items.at(3).text()).toBe('Label 1.1');
-        expect(items.at(4).text()).toBe('Label 1.2');
-        expect(items.at(5).text()).toBe('Label 1.3');
-        expect(items.at(6).text()).toBe('Label 2');
-        expect(items.at(7).text()).toBe('Label 2.1');
-        expect(items.at(8).text()).toBe('Label 2.2');
-    });
-    it('should render fixed group titles', function () {
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(VirtualGroupedList_1.VirtualGroupedList, __assign({}, getItems('grouped'), defaultParams)));
-        component.update();
-        var fixedTitles = findClassName(component, itemTitleClass);
-        expect(fixedTitles.length).toBe(2);
-        expect(fixedTitles.at(0).text()).toBe('Label 1');
-        expect(fixedTitles.at(0).getDOMNode().style).toHaveProperty('visibility', 'visible');
-        expect(fixedTitles.at(1).text()).toBe('Label 2');
-        expect(fixedTitles.at(1).getDOMNode().style).toHaveProperty('visibility', 'hidden');
-    });
-    it('should set sticky titles width if items width changed', function () {
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(VirtualGroupedList_1.VirtualGroupedList, __assign({}, getItems('grouped'), defaultParams)));
-        component.update();
-        var titleRef = component.find('.stickyTitlesWrapper').getDOMNode();
-        var itemsRef = component.find('List').prop('innerRef');
-        jest.spyOn(itemsRef.current, 'offsetWidth', 'get').mockReturnValue(200);
-        component.setProps({ height: 100 });
-        component.update();
-        expect(titleRef.style.width).toBe('200px');
-    });
-    it('should not render fixed group title when fixedTitle is false', function () {
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(VirtualGroupedList_1.VirtualGroupedList, __assign({}, getItems('grouped'), defaultParams, { fixedTitle: false })));
-        component.update();
-        var fixedTitles = findClassName(component, itemTitleClass);
-        expect(fixedTitles.length).toBe(0);
-    });
-    it('should clear index when items is updated', function () {
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(VirtualGroupedList_1.VirtualGroupedList, __assign({}, getItems('simple'), defaultParams)));
-        var resetAfterIndexSpy = jest.spyOn(component.find(react_window_1.VariableSizeList).instance(), 'resetAfterIndex');
-        component.setProps(__assign({}, getItems('grouped')));
-        component.update();
-        expect(resetAfterIndexSpy).toHaveBeenCalledWith(0);
-    });
-    describe('Scroll behaviour', function () {
-        /*
-            Some scroll offsets for grouped items(getItems('grouped')):
-            First title offset: 0
-            First title will be showing in offset range: 0-199
-            Second title offset: 200
-            Second title will be showing in offset range: 200+
-            Offset range when titles is touching each other: 150-200
-        */
-        it('should scroll to moveTo item', function () {
-            jest.spyOn(window, 'requestAnimationFrame').mockImplementation(function (cb) { return cb(); });
-            var scrollToSpy = jest.spyOn(react_window_1.VariableSizeList.prototype, 'scrollTo').mockImplementation(function () { return null; });
-            var component = (0, enzyme_1.mount)(react_1.default.createElement(VirtualGroupedList_1.VirtualGroupedList, __assign({}, getItems('grouped'), defaultParams, { height: 150 })));
-            component.setProps(__assign({}, getItems('groupedWithMove')));
-            component.update();
-            expect(scrollToSpy).toHaveBeenCalledTimes(2);
-            expect(scrollToSpy).toHaveBeenCalledWith(200);
-            window.requestAnimationFrame.mockRestore();
-        });
-        it('should scroll to top of item', function () {
-            var scrollToSpy = jest.spyOn(react_window_1.VariableSizeList.prototype, 'scrollTo').mockImplementation(function () { return null; });
-            var component = (0, enzyme_1.mount)(react_1.default.createElement(VirtualGroupedList_1.VirtualGroupedList, __assign({}, getItems(), defaultParams, { height: 150 })));
-            jest.spyOn(window, 'requestAnimationFrame').mockImplementation(function (cb) { return cb(); });
-            component.setProps(__assign({}, getItems('newSimpleItems')));
-            component.update();
-            expect(scrollToSpy).toHaveBeenCalledTimes(1);
-            expect(scrollToSpy).toHaveBeenCalledWith(0);
-            window.requestAnimationFrame.mockRestore();
-        });
-        it('should change fixed title on forward scroll', function () {
-            var component = (0, enzyme_1.mount)(react_1.default.createElement(VirtualGroupedList_1.VirtualGroupedList, __assign({}, getItems('grouped'), defaultParams, { height: 150 })));
-            var fixedTitles = findClassName(component, itemTitleClass);
-            var titlesWrapper = findClassName(component, stickyTitlesWrapper);
-            component.find(react_window_1.VariableSizeList).prop('onScroll')({
-                scrollOffset: 210,
-                scrollDirection: 'forward'
-            });
-            expect(fixedTitles.length).toBe(2);
-            expect(titlesWrapper.getDOMNode().style).toHaveProperty('top', '0px');
-            expect(fixedTitles.at(0).getDOMNode().style).toHaveProperty('visibility', 'hidden');
-            expect(fixedTitles.at(1).getDOMNode().style).toHaveProperty('visibility', 'visible');
-        });
-        it('should move current fixed title on forward scroll when next title start touching the current title', function () {
-            var component = (0, enzyme_1.mount)(react_1.default.createElement(VirtualGroupedList_1.VirtualGroupedList, __assign({}, getItems('grouped'), defaultParams, { height: 150 })));
-            var fixedTitles = findClassName(component, itemTitleClass);
-            var titlesWrapper = findClassName(component, stickyTitlesWrapper);
-            component.find(react_window_1.VariableSizeList).prop('onScroll')({
-                scrollOffset: 151,
-                scrollDirection: 'forward'
-            });
-            expect(fixedTitles.length).toBe(2);
-            expect(titlesWrapper.getDOMNode().style).toHaveProperty('top', '-1px');
-            expect(fixedTitles.at(0).getDOMNode().style).toHaveProperty('visibility', 'visible');
-            expect(fixedTitles.at(1).getDOMNode().style).toHaveProperty('visibility', 'hidden');
-        });
-        it('should change fixed title on backward scroll', function () {
-            var component = (0, enzyme_1.mount)(react_1.default.createElement(VirtualGroupedList_1.VirtualGroupedList, __assign({}, getItems('grouped'), defaultParams, { height: 150 })));
-            var fixedTitles = findClassName(component, itemTitleClass);
-            var titlesWrapper = findClassName(component, stickyTitlesWrapper);
-            component.find(react_window_1.VariableSizeList).prop('onScroll')({
-                scrollOffset: 210,
-                scrollDirection: 'forward'
-            });
-            component.find(react_window_1.VariableSizeList).prop('onScroll')({
-                scrollOffset: 140,
-                scrollDirection: 'backward'
-            });
-            expect(fixedTitles.length).toBe(2);
-            expect(titlesWrapper.getDOMNode().style).toHaveProperty('top', '0px');
-            expect(fixedTitles.at(0).getDOMNode().style).toHaveProperty('visibility', 'visible');
-            expect(fixedTitles.at(1).getDOMNode().style).toHaveProperty('visibility', 'hidden');
-        });
-        it('should move current fixed title on backward scroll when previous title start touching the current title', function () {
-            var component = (0, enzyme_1.mount)(react_1.default.createElement(VirtualGroupedList_1.VirtualGroupedList, __assign({}, getItems('grouped'), defaultParams, { height: 150 })));
-            var fixedTitles = findClassName(component, itemTitleClass);
-            var titlesWrapper = findClassName(component, stickyTitlesWrapper);
-            component.find(react_window_1.VariableSizeList).prop('onScroll')({
-                scrollOffset: 210,
-                scrollDirection: 'forward'
-            });
-            component.find(react_window_1.VariableSizeList).prop('onScroll')({
-                scrollOffset: 199,
-                scrollDirection: 'backward'
-            });
-            expect(fixedTitles.length).toBe(2);
-            expect(titlesWrapper.getDOMNode().style).toHaveProperty('top', '-49px');
-            expect(fixedTitles.at(0).getDOMNode().style).toHaveProperty('visibility', 'visible');
-            expect(fixedTitles.at(1).getDOMNode().style).toHaveProperty('visibility', 'hidden');
-        });
-    });
-});

package/cjs/WhiteSearchInput/WhiteSearchInput.spec.d.ts

@@ -1 +0,0 @@
-export {};