@gravity-ui/graph/build/graph.test.js

Modern graph editor component

import { Graph } from "./graph";
describe("Graph export/import and updateBlock integration", () => {
    function createBlock() {
        return {
            id: "block1",
            is: "Block",
            x: 10,
            y: 20,
            width: 100,
            height: 50,
            selected: false,
            name: "TestBlock",
            anchors: [],
        };
    }
    it("should allow export, import and updateBlock without errors (no frozen state)", (done) => {
        const graph1Node = document.createElement("div");
        const graph2Node = document.createElement("div");
        const block = createBlock();
        const graph1 = new Graph({ blocks: [block], connections: [] }, graph1Node);
        graph1.start();
        setTimeout(() => {
            const exportedConfig = graph1.rootStore.getAsConfig();
            const graph2 = new Graph(exportedConfig, graph2Node);
            graph2.start();
            const updatedHeight = block.height + 10;
            expect(() => {
                graph2.api.updateBlock({ ...exportedConfig.blocks[0], height: updatedHeight });
            }).not.toThrow();
            const updatedBlock = graph2.rootStore.blocksList.$blocks.value[0];
            expect(updatedBlock.height).toBe(updatedHeight);
            done();
        }, 1000);
    });
});