iTop/node_modules/gridstack/dist/spec/regression-spec.js

import { GridStack } from '../src/gridstack';
describe('regression >', () => {
    'use strict';
    let grid;
    let findEl = function (id) {
        return grid.engine.nodes.find(n => n.id === id).el;
    };
    let findSubEl = function (id, index = 0) {
        return grid.engine.nodes[index].subGrid?.engine.nodes.find(n => n.id === id).el;
    };
    // empty grid
    let gridstackEmptyHTML = '<div style="width: 800px; height: 600px" id="gs-cont">' +
        '  <div class="grid-stack"></div>' +
        '</div>';
    describe('2492 load() twice >', () => {
        beforeEach(() => {
            document.body.insertAdjacentHTML('afterbegin', gridstackEmptyHTML);
        });
        afterEach(() => {
            document.body.removeChild(document.getElementById('gs-cont'));
        });
        it('', () => {
            let items = [
                { x: 0, y: 0, w: 2, content: '0 wide' },
                { x: 1, y: 0, content: '1 over' },
                { x: 2, y: 1, content: '2 float' },
            ];
            let count = 0;
            items.forEach(n => n.id = String(count++));
            grid = GridStack.init({ cellHeight: 70, margin: 5 }).load(items);
            let el0 = findEl('0');
            let el1 = findEl('1');
            let el2 = findEl('2');
            expect(el0.getAttribute('gs-x')).toBe(null);
            expect(el0.getAttribute('gs-y')).toBe(null);
            expect(el0.children[0].innerHTML).toBe(items[0].content);
            expect(parseInt(el1.getAttribute('gs-x'))).toBe(1);
            expect(parseInt(el1.getAttribute('gs-y'))).toBe(1);
            expect(parseInt(el2.getAttribute('gs-x'))).toBe(2);
            expect(el2.getAttribute('gs-y')).toBe(null);
            // loading with changed content should be same positions
            items.forEach(n => n.content += '*');
            grid.load(items);
            expect(el0.getAttribute('gs-x')).toBe(null);
            expect(el0.getAttribute('gs-y')).toBe(null);
            expect(el0.children[0].innerHTML).toBe(items[0].content);
            expect(parseInt(el1.getAttribute('gs-x'))).toBe(1);
            expect(parseInt(el1.getAttribute('gs-y'))).toBe(1);
            expect(parseInt(el2.getAttribute('gs-x'))).toBe(2);
            expect(el2.getAttribute('gs-y')).toBe(null);
        });
    });
    describe('2865 nested grid resize >', () => {
        beforeEach(() => {
            document.body.insertAdjacentHTML('afterbegin', gridstackEmptyHTML);
        });
        afterEach(() => {
            document.body.removeChild(document.getElementById('gs-cont'));
        });
        it('', () => {
            let children = [{}, {}, {}];
            let items = [
                { x: 0, y: 0, w: 3, h: 5, sizeToContent: true, subGridOpts: { children, column: 'auto' } }
            ];
            let count = 0;
            [...items, ...children].forEach(n => n.id = String(count++));
            grid = GridStack.init({ cellHeight: 70, margin: 5, children: items });
            let nested = findEl('0');
            let el1 = findSubEl('1');
            let el2 = findSubEl('2');
            let el3 = findSubEl('3');
            expect(nested.getAttribute('gs-x')).toBe(null);
            expect(nested.getAttribute('gs-y')).toBe(null);
            expect(parseInt(nested.getAttribute('gs-w'))).toBe(3);
            // TODO: sizeToContent doesn't seem to be called in headless mode ??? works in browser.
            // expect(nested.getAttribute('gs-h')).toBe(null); // sizeToContent 5 -> 1 which is null
            expect(el1.getAttribute('gs-x')).toBe(null);
            expect(el1.getAttribute('gs-y')).toBe(null);
            expect(parseInt(el2.getAttribute('gs-x'))).toBe(1);
            expect(el2.getAttribute('gs-y')).toBe(null);
            expect(parseInt(el3.getAttribute('gs-x'))).toBe(2);
            expect(el3.getAttribute('gs-y')).toBe(null);
            // now resize the nested grid to 2 -> should reflow el3
            grid.update(nested, { w: 2 });
            expect(nested.getAttribute('gs-x')).toBe(null);
            expect(nested.getAttribute('gs-y')).toBe(null);
            expect(parseInt(nested.getAttribute('gs-w'))).toBe(2);
            // TODO: sizeToContent doesn't seem to be called in headless mode ??? works in browser.
            // expect(parseInt(nested.getAttribute('gs-h'))).toBe(2);
            expect(el1.getAttribute('gs-x')).toBe(null);
            expect(el1.getAttribute('gs-y')).toBe(null);
            expect(parseInt(el2.getAttribute('gs-x'))).toBe(1);
            expect(el2.getAttribute('gs-y')).toBe(null);
            // 3rd item pushed to next row
            expect(el3.getAttribute('gs-x')).toBe(null);
            expect(parseInt(el3.getAttribute('gs-y'))).toBe(1);
        });
    });
});
//# sourceMappingURL=regression-spec.js.map