@neo4j-nvl/interaction-handlers 2.0.0 → 2.1.0

package/lib/__tests__/keyboard-interaction.test.js

@@ -1,322 +0,0 @@
-import NVL from '@neo4j-nvl/base';
-import '@testing-library/jest-dom';
-import { KeyboardInteraction } from '../interaction-handlers/keyboard-interaction';
-jest.mock('@neo4j-nvl/layout-workers');
-describe('KeyboardInteraction', () => {
-    let keyboardInteraction;
-    let myNVL;
-    const callbackMock = jest.fn();
-    beforeEach(() => {
-        myNVL = new NVL(document.createElement('div'), [
-            { id: '0', x: 100, y: 100 },
-            { id: '1', x: 200, y: 200 }
-        ], [{ id: '10', from: '0', to: '1' }], { disableWebGL: true, initialZoom: 1, layout: 'free', renderer: 'webgl' });
-        keyboardInteraction = new KeyboardInteraction(myNVL);
-    });
-    afterEach(() => {
-        keyboardInteraction.destroy();
-        myNVL.destroy();
-        callbackMock.mockReset();
-    });
-    test('sets tabindex on the container if not already present', () => {
-        expect(myNVL.getContainer().getAttribute('tabindex')).toBe('0');
-    });
-    test('does not override existing tabindex', () => {
-        keyboardInteraction.destroy();
-        const container = myNVL.getContainer();
-        container.setAttribute('tabindex', '-1');
-        keyboardInteraction = new KeyboardInteraction(myNVL);
-        expect(container.getAttribute('tabindex')).toBe('-1');
-    });
-    test('removes tabindex on destroy only if it was added by the interaction', () => {
-        keyboardInteraction.destroy();
-        expect(myNVL.getContainer().getAttribute('tabindex')).toBeNull();
-    });
-    test('does not remove tabindex on destroy if it was pre-existing', () => {
-        keyboardInteraction.destroy();
-        const container = myNVL.getContainer();
-        container.setAttribute('tabindex', '-1');
-        const interaction = new KeyboardInteraction(myNVL);
-        interaction.destroy();
-        expect(container.getAttribute('tabindex')).toBe('-1');
-    });
-    test('keydown event triggers onKeyDown callback', () => {
-        keyboardInteraction.updateCallback('onKeyDown', callbackMock);
-        const event = new KeyboardEvent('keydown', { key: 'a' });
-        myNVL.getContainer().dispatchEvent(event);
-        expect(callbackMock).toHaveBeenCalledWith(event, undefined);
-        expect(callbackMock).toHaveBeenCalledTimes(1);
-    });
-    test('keyup event triggers onKeyUp callback', () => {
-        keyboardInteraction.updateCallback('onKeyUp', callbackMock);
-        const event = new KeyboardEvent('keyup', { key: 'a' });
-        myNVL.getContainer().dispatchEvent(event);
-        expect(callbackMock).toHaveBeenCalledWith(event, undefined);
-        expect(callbackMock).toHaveBeenCalledTimes(1);
-    });
-    test('focusin event triggers onCanvasFocus callback', () => {
-        keyboardInteraction.updateCallback('onCanvasFocus', callbackMock);
-        const event = new FocusEvent('focusin');
-        myNVL.getContainer().dispatchEvent(event);
-        expect(callbackMock).toHaveBeenCalledWith(event);
-        expect(callbackMock).toHaveBeenCalledTimes(1);
-    });
-    test('focusout event triggers onCanvasBlur callback', () => {
-        keyboardInteraction.updateCallback('onCanvasBlur', callbackMock);
-        const event = new FocusEvent('focusout');
-        myNVL.getContainer().dispatchEvent(event);
-        expect(callbackMock).toHaveBeenCalledWith(event);
-        expect(callbackMock).toHaveBeenCalledTimes(1);
-    });
-    describe('automatic navigation via key mappings', () => {
-        test('Enter key enters the graph and focuses the first element', () => {
-            keyboardInteraction.updateCallback('onNodeFocus', callbackMock);
-            const event = new KeyboardEvent('keydown', { key: 'Enter', bubbles: true });
-            myNVL.getContainer().dispatchEvent(event);
-            expect(callbackMock).toHaveBeenCalledTimes(1);
-            expect(callbackMock).toHaveBeenCalledWith(expect.objectContaining({ id: '0' }), event);
-        });
-        test('Enter key does nothing when an element is already focused', () => {
-            const nodeFocusMock = jest.fn();
-            keyboardInteraction.updateCallback('onNodeFocus', nodeFocusMock);
-            const container = myNVL.getContainer();
-            // Enter the graph first
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            expect(nodeFocusMock).toHaveBeenCalledTimes(1);
-            // Press Enter again — should not navigate
-            nodeFocusMock.mockClear();
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            expect(nodeFocusMock).not.toHaveBeenCalled();
-        });
-        test('Tab does nothing when the graph has not been entered', () => {
-            keyboardInteraction.updateCallback('onNodeFocus', callbackMock);
-            myNVL.getContainer().dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }));
-            expect(callbackMock).not.toHaveBeenCalled();
-        });
-        test('Tab key navigates focus forward after entering the graph', () => {
-            const nodeFocusMock = jest.fn();
-            keyboardInteraction.updateCallback('onNodeFocus', nodeFocusMock);
-            const container = myNVL.getContainer();
-            // Enter the graph first
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            expect(nodeFocusMock).toHaveBeenLastCalledWith(expect.objectContaining({ id: '0' }), expect.any(KeyboardEvent));
-            // Tab to next element
-            const event = new KeyboardEvent('keydown', { key: 'Tab', bubbles: true });
-            container.dispatchEvent(event);
-            expect(nodeFocusMock).toHaveBeenLastCalledWith(expect.objectContaining({ id: '1' }), event);
-        });
-        test('Shift+Tab does nothing when the graph has not been entered', () => {
-            keyboardInteraction.updateCallback('onRelationshipFocus', callbackMock);
-            myNVL.getContainer().dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', shiftKey: true, bubbles: true }));
-            expect(callbackMock).not.toHaveBeenCalled();
-        });
-        test('Shift+Tab navigates focus backward after entering the graph', () => {
-            const nodeFocusMock = jest.fn();
-            const relFocusMock = jest.fn();
-            keyboardInteraction.updateCallback('onNodeFocus', nodeFocusMock);
-            keyboardInteraction.updateCallback('onRelationshipFocus', relFocusMock);
-            const container = myNVL.getContainer();
-            // Enter the graph first
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            // Shift+Tab to go backward
-            const event = new KeyboardEvent('keydown', { key: 'Tab', shiftKey: true, bubbles: true });
-            container.dispatchEvent(event);
-            expect(relFocusMock).toHaveBeenCalledWith(expect.objectContaining({ id: '10' }), event);
-        });
-        test('Tab cycles through nodes and relationships', () => {
-            const nodeFocusMock = jest.fn();
-            const relFocusMock = jest.fn();
-            keyboardInteraction.updateCallback('onNodeFocus', nodeFocusMock);
-            keyboardInteraction.updateCallback('onRelationshipFocus', relFocusMock);
-            const container = myNVL.getContainer();
-            // Enter the graph: node '0'
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            expect(nodeFocusMock).toHaveBeenLastCalledWith(expect.objectContaining({ id: '0' }), expect.any(KeyboardEvent));
-            // First Tab: node '1'
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }));
-            expect(nodeFocusMock).toHaveBeenLastCalledWith(expect.objectContaining({ id: '1' }), expect.any(KeyboardEvent));
-            // Second Tab: relationship '10'
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }));
-            expect(relFocusMock).toHaveBeenCalledWith(expect.objectContaining({ id: '10' }), expect.any(KeyboardEvent));
-        });
-        test('Tab wraps around from last to first element', () => {
-            const nodeFocusMock = jest.fn();
-            keyboardInteraction.updateCallback('onNodeFocus', nodeFocusMock);
-            keyboardInteraction.updateCallback('onRelationshipFocus', jest.fn());
-            const container = myNVL.getContainer();
-            // Enter the graph, then navigate to the last element (relationship '10')
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }));
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }));
-            // Wrap around to first element
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }));
-            expect(nodeFocusMock).toHaveBeenLastCalledWith(expect.objectContaining({ id: '0' }), expect.any(KeyboardEvent));
-        });
-        test('Tab fires blur callback when moving away from a node', () => {
-            const nodeBlurMock = jest.fn();
-            keyboardInteraction.updateCallback('onNodeFocus', jest.fn());
-            keyboardInteraction.updateCallback('onNodeBlur', nodeBlurMock);
-            const container = myNVL.getContainer();
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }));
-            expect(nodeBlurMock).toHaveBeenCalledWith(expect.objectContaining({ id: '0' }), expect.any(KeyboardEvent));
-        });
-        test('Tab fires onRelationshipBlur when moving away from a relationship', () => {
-            const relBlurMock = jest.fn();
-            keyboardInteraction.updateCallback('onNodeFocus', jest.fn());
-            keyboardInteraction.updateCallback('onRelationshipFocus', jest.fn());
-            keyboardInteraction.updateCallback('onRelationshipBlur', relBlurMock);
-            const container = myNVL.getContainer();
-            // Enter the graph, then navigate to relationship
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }));
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }));
-            // Move away from relationship
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }));
-            expect(relBlurMock).toHaveBeenCalledWith(expect.objectContaining({ id: '10' }), expect.any(KeyboardEvent));
-        });
-        test('does nothing when there are no elements', () => {
-            keyboardInteraction.destroy();
-            myNVL.destroy();
-            myNVL = new NVL(document.createElement('div'), [], [], {
-                disableWebGL: true,
-                initialZoom: 1,
-                layout: 'free',
-                renderer: 'webgl'
-            });
-            keyboardInteraction = new KeyboardInteraction(myNVL);
-            keyboardInteraction.updateCallback('onNodeFocus', callbackMock);
-            myNVL.getContainer().dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            expect(callbackMock).not.toHaveBeenCalled();
-        });
-        test('Escape clears element focus but keeps canvas focused', () => {
-            const nodeBlurMock = jest.fn();
-            keyboardInteraction.updateCallback('onNodeFocus', jest.fn());
-            keyboardInteraction.updateCallback('onNodeBlur', nodeBlurMock);
-            const container = myNVL.getContainer();
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
-            expect(nodeBlurMock).toHaveBeenCalledWith(expect.objectContaining({ id: '0' }), expect.any(KeyboardEvent));
-            expect(keyboardInteraction.getFocused()).toBeUndefined();
-        });
-        test('Escape does nothing when nothing is focused', () => {
-            keyboardInteraction.updateCallback('onNodeBlur', callbackMock);
-            keyboardInteraction.updateCallback('onRelationshipBlur', callbackMock);
-            myNVL.getContainer().dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
-            expect(callbackMock).not.toHaveBeenCalled();
-        });
-        test('Shift+F10 fires onContextMenu with focused element', () => {
-            const contextMenuMock = jest.fn();
-            keyboardInteraction.updateCallback('onNodeFocus', jest.fn());
-            keyboardInteraction.updateCallback('onContextMenu', contextMenuMock);
-            const container = myNVL.getContainer();
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            const event = new KeyboardEvent('keydown', { key: 'F10', shiftKey: true, bubbles: true });
-            container.dispatchEvent(event);
-            expect(contextMenuMock).toHaveBeenCalledWith(expect.objectContaining({ id: '0' }), event);
-        });
-        test('Shift+F10 fires onContextMenu with undefined when nothing is focused', () => {
-            const contextMenuMock = jest.fn();
-            keyboardInteraction.updateCallback('onContextMenu', contextMenuMock);
-            const event = new KeyboardEvent('keydown', { key: 'F10', shiftKey: true, bubbles: true });
-            myNVL.getContainer().dispatchEvent(event);
-            expect(contextMenuMock).toHaveBeenCalledWith(undefined, event);
-        });
-    });
-    describe('custom key mappings', () => {
-        test('respects custom enterGraphKey', () => {
-            keyboardInteraction.destroy();
-            keyboardInteraction = new KeyboardInteraction(myNVL, { enterGraphKey: ['Space'] });
-            keyboardInteraction.updateCallback('onNodeFocus', callbackMock);
-            // Default Enter should not enter the graph
-            myNVL.getContainer().dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            expect(callbackMock).not.toHaveBeenCalled();
-            // Custom key should enter the graph
-            myNVL.getContainer().dispatchEvent(new KeyboardEvent('keydown', { key: 'Space', bubbles: true }));
-            expect(callbackMock).toHaveBeenCalledWith(expect.objectContaining({ id: '0' }), expect.any(KeyboardEvent));
-        });
-        test('respects custom navigateForwardKey', () => {
-            keyboardInteraction.destroy();
-            keyboardInteraction = new KeyboardInteraction(myNVL, { navigateForwardKey: ['ArrowDown'] });
-            keyboardInteraction.updateCallback('onNodeFocus', callbackMock);
-            const container = myNVL.getContainer();
-            // Enter the graph first
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            // Custom forward key should navigate to the next element
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
-            expect(callbackMock).toHaveBeenLastCalledWith(expect.objectContaining({ id: '1' }), expect.any(KeyboardEvent));
-        });
-        test('respects custom navigateBackwardKey', () => {
-            keyboardInteraction.destroy();
-            keyboardInteraction = new KeyboardInteraction(myNVL, { navigateBackwardKey: ['ArrowUp'] });
-            keyboardInteraction.updateCallback('onNodeFocus', jest.fn());
-            keyboardInteraction.updateCallback('onRelationshipFocus', callbackMock);
-            const container = myNVL.getContainer();
-            // Enter the graph first
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            // Custom backward key should navigate to the previous (last) element
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowUp', bubbles: true }));
-            expect(callbackMock).toHaveBeenCalledWith(expect.objectContaining({ id: '10' }), expect.any(KeyboardEvent));
-        });
-        test('respects custom exitGraphKey', () => {
-            keyboardInteraction.destroy();
-            keyboardInteraction = new KeyboardInteraction(myNVL, { exitGraphKey: ['q'] });
-            keyboardInteraction.updateCallback('onNodeFocus', jest.fn());
-            keyboardInteraction.updateCallback('onNodeBlur', callbackMock);
-            const container = myNVL.getContainer();
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'q', bubbles: true }));
-            expect(callbackMock).toHaveBeenCalledWith(expect.objectContaining({ id: '0' }), expect.any(KeyboardEvent));
-        });
-        test('respects custom contextMenuKey', () => {
-            keyboardInteraction.destroy();
-            keyboardInteraction = new KeyboardInteraction(myNVL, { contextMenuKey: ['Ctrl', 'm'] });
-            const contextMenuMock = jest.fn();
-            keyboardInteraction.updateCallback('onNodeFocus', jest.fn());
-            keyboardInteraction.updateCallback('onContextMenu', contextMenuMock);
-            const container = myNVL.getContainer();
-            container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-            const event = new KeyboardEvent('keydown', { key: 'm', ctrlKey: true, bubbles: true });
-            container.dispatchEvent(event);
-            expect(contextMenuMock).toHaveBeenCalledWith(expect.objectContaining({ id: '0' }), event);
-        });
-    });
-    test('getFocused returns the currently focused node', () => {
-        keyboardInteraction.updateCallback('onNodeFocus', jest.fn());
-        expect(keyboardInteraction.getFocused()).toBeUndefined();
-        myNVL.getContainer().dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-        expect(keyboardInteraction.getFocused()).toEqual(expect.objectContaining({ id: '0' }));
-    });
-    test('getFocused returns the currently focused relationship', () => {
-        keyboardInteraction.updateCallback('onNodeFocus', jest.fn());
-        keyboardInteraction.updateCallback('onRelationshipFocus', jest.fn());
-        const container = myNVL.getContainer();
-        container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-        container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }));
-        container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }));
-        expect(keyboardInteraction.getFocused()).toEqual(expect.objectContaining({ id: '10' }));
-    });
-    test('onKeyDown callback receives the currently focused element', () => {
-        keyboardInteraction.updateCallback('onNodeFocus', jest.fn());
-        keyboardInteraction.updateCallback('onKeyDown', callbackMock);
-        const container = myNVL.getContainer();
-        container.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-        const event = new KeyboardEvent('keydown', { key: 'a', bubbles: true });
-        container.dispatchEvent(event);
-        expect(callbackMock).toHaveBeenLastCalledWith(event, expect.objectContaining({ id: '0' }));
-    });
-    test('destroy removes event listeners', () => {
-        keyboardInteraction.updateCallback('onKeyDown', callbackMock);
-        keyboardInteraction.destroy();
-        const event = new KeyboardEvent('keydown', { key: 'Tab' });
-        myNVL.getContainer().dispatchEvent(event);
-        expect(callbackMock).not.toHaveBeenCalled();
-    });
-    test('destroy clears focus state', () => {
-        keyboardInteraction.updateCallback('onNodeFocus', jest.fn());
-        myNVL.getContainer().dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-        expect(keyboardInteraction.getFocused()).toBeDefined();
-        keyboardInteraction.destroy();
-        expect(keyboardInteraction.getFocused()).toBeUndefined();
-    });
-});

package/lib/__tests__/lasso-interaction.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/lib/__tests__/lasso-interaction.test.js

@@ -1,219 +0,0 @@
-import NVL from '@neo4j-nvl/base';
-import '@testing-library/jest-dom';
-import { LassoInteraction, checkIntersection, checkLinesCrossing, checkPointInside } from '../interaction-handlers/lasso-interaction';
-jest.mock('@neo4j-nvl/layout-workers');
-const testNodes = [
-    { id: '0', x: 25, y: 25 },
-    { id: '1', x: 200, y: 200 }
-];
-const testRels = [{ id: '10', from: '0', to: '1' }];
-const createMouseEvent = (type, x, y) => {
-    return new MouseEvent(type, { button: 0, buttons: 1, clientX: x, clientY: y });
-};
-describe('LassoInteraction', () => {
-    let lassoInteraction;
-    let myNVL;
-    const startCallback = jest.fn();
-    const selectCallback = jest.fn();
-    const lassoSelectCallbackMock = jest.fn();
-    beforeEach(() => {
-        myNVL = new NVL(document.createElement('div'), testNodes, testRels, {
-            disableWebGL: true,
-            initialZoom: 1,
-            layout: 'free'
-        });
-        lassoInteraction = new LassoInteraction(myNVL);
-    });
-    afterEach(() => {
-        lassoInteraction.destroy();
-        myNVL.destroy();
-        startCallback.mockReset();
-        selectCallback.mockReset();
-        lassoSelectCallbackMock.mockReset();
-    });
-    test('can select individual nodes', () => {
-        lassoInteraction.updateCallback('onLassoStarted', startCallback);
-        lassoInteraction.updateCallback('onLassoSelect', selectCallback);
-        expect(myNVL.getSelectedNodes()).toHaveLength(0);
-        const gesture1 = [
-            createMouseEvent('mousedown', 0, 0),
-            createMouseEvent('mousemove', 50, 0),
-            createMouseEvent('mousemove', 20, 50),
-            createMouseEvent('mouseup', 0, 0)
-        ];
-        const gesture2 = [
-            createMouseEvent('mousedown', 200, 150),
-            createMouseEvent('mousemove', 210, 210),
-            createMouseEvent('mouseup', 190, 210)
-        ];
-        const container = myNVL.getContainer();
-        gesture1.forEach((e) => container.dispatchEvent(e));
-        gesture2.forEach((e) => container.dispatchEvent(e));
-        return new Promise((resolve) => {
-            expect(startCallback).toHaveBeenCalledTimes(2);
-            expect(selectCallback).toHaveBeenCalledTimes(2);
-            expect(selectCallback).toHaveBeenNthCalledWith(1, { nodes: [testNodes[0]], rels: [] }, gesture1[3]);
-            expect(selectCallback).toHaveBeenNthCalledWith(2, { nodes: [testNodes[1]], rels: [] }, gesture2[2]);
-            resolve();
-        });
-    });
-    test('can select relationships', () => {
-        lassoInteraction.updateCallback('onLassoStarted', startCallback);
-        lassoInteraction.updateCallback('onLassoSelect', selectCallback);
-        expect(myNVL.getSelectedNodes()).toHaveLength(0);
-        const gesture = [
-            createMouseEvent('mousedown', 0, 0),
-            createMouseEvent('mousemove', 250, 0),
-            createMouseEvent('mousemove', 240, 240),
-            createMouseEvent('mousemove', 100, 200),
-            createMouseEvent('mousemove', 0, 50),
-            createMouseEvent('mouseup', 0, 0)
-        ];
-        const container = myNVL.getContainer();
-        gesture.forEach((e) => container.dispatchEvent(e));
-        return new Promise((resolve) => {
-            expect(startCallback).toHaveBeenCalledTimes(1);
-            expect(selectCallback).toHaveBeenCalledTimes(1);
-            expect(selectCallback).toHaveBeenCalledWith({ nodes: [testNodes[0], testNodes[1]], rels: [testRels[0]] }, gesture[5]);
-            resolve();
-        });
-    });
-    test('does not fire started or select callbacks when movement stays below drag threshold', () => {
-        lassoInteraction.updateCallback('onLassoStarted', startCallback);
-        lassoInteraction.updateCallback('onLassoSelect', selectCallback);
-        const container = myNVL.getContainer();
-        container.dispatchEvent(createMouseEvent('mousedown', 100, 100));
-        container.dispatchEvent(createMouseEvent('mousemove', 100, 103));
-        container.dispatchEvent(createMouseEvent('mouseup', 100, 103));
-        expect(startCallback).not.toHaveBeenCalled();
-        expect(selectCallback).not.toHaveBeenCalled();
-    });
-    test('can start lasso when only a relationship is under the pointer', () => {
-        lassoInteraction.updateCallback('onLassoStarted', startCallback);
-        lassoInteraction.updateCallback('onLassoSelect', selectCallback);
-        const gesture = [
-            createMouseEvent('mousedown', 100, 100),
-            createMouseEvent('mousemove', 150, 100),
-            createMouseEvent('mousemove', 50, 150),
-            createMouseEvent('mouseup', 100, 100)
-        ];
-        const container = myNVL.getContainer();
-        gesture.forEach((e) => container.dispatchEvent(e));
-        return new Promise((resolve) => {
-            expect(startCallback).toHaveBeenCalledTimes(1);
-            expect(selectCallback).toHaveBeenCalledTimes(1);
-            resolve();
-        });
-    });
-    test('will not start when node is below pointer when dragging', () => {
-        lassoInteraction.updateCallback('onLassoStarted', startCallback);
-        lassoInteraction.updateCallback('onLassoSelect', selectCallback);
-        expect(myNVL.getSelectedNodes()).toHaveLength(0);
-        const gesture1 = [
-            createMouseEvent('mousedown', 25, 25),
-            createMouseEvent('mousemove', 50, 0),
-            createMouseEvent('mousemove', 20, 50),
-            createMouseEvent('mouseup', 0, 0)
-        ];
-        const container = myNVL.getContainer();
-        gesture1.forEach((e) => container.dispatchEvent(e));
-        return new Promise((resolve) => {
-            expect(startCallback).not.toHaveBeenCalled();
-            resolve();
-        });
-    });
-    test('does not fire callbacks when clicking directly on a relationship without dragging', () => {
-        lassoInteraction.updateCallback('onLassoStarted', startCallback);
-        lassoInteraction.updateCallback('onLassoSelect', selectCallback);
-        const container = myNVL.getContainer();
-        container.dispatchEvent(createMouseEvent('mousedown', 112, 112));
-        container.dispatchEvent(createMouseEvent('mouseup', 112, 112));
-        expect(startCallback).not.toHaveBeenCalled();
-        expect(selectCallback).not.toHaveBeenCalled();
-    });
-    test('test for line crossing utility function', () => {
-        const res1 = checkLinesCrossing([0, 0], [10, 10], [10, 0], [0, 10]);
-        expect(res1).toBeTruthy();
-        const res2 = checkLinesCrossing([10, 10], [227, 182], [390, 10], [100, 100]);
-        expect(res2).toBeTruthy();
-        const res3 = checkLinesCrossing([5, 5], [5, 20], [10, 10], [20, 10]);
-        expect(res3).toBeFalsy();
-        const res4 = checkLinesCrossing([10, 10], [20, 10], [15, 10], [25, 10]);
-        expect(res4).toBeFalsy();
-        const res5 = checkLinesCrossing([880, 416], [872, 404], [868, 392], [856, 378]);
-        expect(res5).toBeFalsy();
-    });
-    test('test for line segment crossing utility function', () => {
-        const res1 = checkIntersection([
-            [0, 0],
-            [10, 0],
-            [100, 10],
-            [50, 10],
-            [50, -10]
-        ]);
-        expect(res1).toBeTruthy();
-        const res2 = checkIntersection([
-            [10, 10],
-            [227, 182],
-            [390, 10],
-            [500, 100]
-        ]);
-        expect(res2).toBeTruthy();
-        const res3 = checkIntersection([
-            [50, 10],
-            [10, 10],
-            [10, 50],
-            [50, 50]
-        ]);
-        expect(res3).toBeFalsy();
-    });
-    test('test for point inside polygon utility function', () => {
-        const res1 = checkPointInside(10, 10, [
-            { x: 0, y: 0 },
-            { x: 10, y: -10 },
-            { x: 20, y: 0 },
-            { x: 10, y: 20 }
-        ]);
-        expect(res1).toBeTruthy();
-        const res2 = checkPointInside(10, 10, [
-            { x: 0, y: 0 },
-            { x: 10, y: -10 },
-            { x: 20, y: 0 },
-            { x: 10, y: 5 }
-        ]);
-        expect(res2).toBeFalsy();
-    });
-    test('lasso selection should disable text selection until mouse release', () => {
-        const container = myNVL.getContainer();
-        lassoInteraction.updateCallback('onLassoSelect', lassoSelectCallbackMock);
-        const gesture = [createMouseEvent('mousedown', 100, 100), createMouseEvent('mousemove', 150, 150)];
-        gesture.forEach((e) => container.dispatchEvent(e));
-        expect(document.body.style.getPropertyValue('user-select')).toBe('none');
-        document.body.dispatchEvent(createMouseEvent('mouseup', 150, 150));
-        expect(document.body.style.getPropertyValue('user-select')).toBe('');
-    });
-    test('lasso selection should work after leaving and re-entering the app area', () => {
-        const container = myNVL.getContainer();
-        lassoInteraction.updateCallback('onLassoStarted', startCallback);
-        lassoInteraction.updateCallback('onLassoSelect', selectCallback);
-        const exitGesture = [
-            createMouseEvent('mousedown', 0, 0),
-            createMouseEvent('mousemove', 50, 0),
-            createMouseEvent('mouseleave', 99, 99)
-        ];
-        exitGesture.forEach((e) => container.dispatchEvent(e));
-        const moveOutsideEvent = createMouseEvent('mousemove', 100, 100);
-        document.body.dispatchEvent(moveOutsideEvent);
-        const reEnterGesture = [createMouseEvent('mousemove', 150, 150), createMouseEvent('mouseup', 0, 0)];
-        reEnterGesture.forEach((e) => container.dispatchEvent(e));
-        return new Promise((resolve) => {
-            expect(startCallback).toHaveBeenCalledTimes(1);
-            expect(selectCallback).toHaveBeenCalledTimes(1);
-            expect(selectCallback).toHaveBeenCalledWith({
-                nodes: [testNodes[0]],
-                rels: []
-            }, reEnterGesture[1]);
-            resolve();
-        });
-    });
-});

package/lib/__tests__/pan-interaction.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';