@neo4j-nvl/interaction-handlers 2.0.0 → 2.1.0

package/lib/__tests__/drag-node-interaction.test.js

@@ -1,247 +0,0 @@
-import NVL from '@neo4j-nvl/base';
-import '@testing-library/jest-dom';
-import { DragNodeInteraction } from '../interaction-handlers/drag-node-interaction';
-jest.mock('@neo4j-nvl/layout-workers');
-describe('DragNodeInteraction', () => {
-    let dragNodeInteraction;
-    let myNVL;
-    const dragStartCallbackMock = jest.fn();
-    const dragCallbackMock = jest.fn();
-    const dragEndCallbackMock = jest.fn();
-    const NodeRadius = 30;
-    const nodes = [
-        { id: '0', x: 10, y: 10, size: NodeRadius },
-        { id: '1', x: 200, y: 200 }
-    ];
-    const relationships = [{ id: '10', from: '0', to: '1' }];
-    beforeEach(() => {
-        myNVL = new NVL(document.createElement('div'), nodes, relationships, {
-            disableWebGL: true,
-            initialZoom: 1,
-            layout: 'free'
-        });
-        dragNodeInteraction = new DragNodeInteraction(myNVL);
-    });
-    afterEach(() => {
-        dragNodeInteraction.destroy();
-        myNVL.destroy();
-        dragStartCallbackMock.mockReset();
-        dragCallbackMock.mockReset();
-        dragEndCallbackMock.mockReset();
-    });
-    test('performing a simple drag operation should invoke all expected callbacks', () => {
-        dragNodeInteraction.updateCallback('onDragStart', dragStartCallbackMock);
-        dragNodeInteraction.updateCallback('onDrag', dragCallbackMock);
-        dragNodeInteraction.updateCallback('onDragEnd', dragEndCallbackMock);
-        expect(myNVL.getSelectedNodes()).toHaveLength(0);
-        const mouseDownEvent = new MouseEvent('mousedown', {
-            clientX: 10,
-            clientY: 10
-        });
-        const mouseMoveEvent = new MouseEvent('mousemove', {
-            buttons: 1,
-            clientX: 20,
-            clientY: 20
-        });
-        const mouseUpEvent = new MouseEvent('mouseup', {
-            clientX: 20,
-            clientY: 20
-        });
-        const container = myNVL.getContainer();
-        container.dispatchEvent(mouseDownEvent);
-        container.dispatchEvent(mouseMoveEvent);
-        document.body.dispatchEvent(mouseUpEvent);
-        return new Promise((resolve) => {
-            expect(dragStartCallbackMock).toHaveBeenCalledTimes(1);
-            expect(dragStartCallbackMock).toHaveBeenCalledWith([nodes[0]], mouseMoveEvent);
-            expect(dragCallbackMock).toHaveBeenCalledTimes(1);
-            expect(dragCallbackMock).toHaveBeenCalledWith([nodes[0]], mouseMoveEvent);
-            expect(dragEndCallbackMock).toHaveBeenCalledTimes(1);
-            expect(dragEndCallbackMock).toHaveBeenCalledWith([nodes[0]], mouseUpEvent);
-            resolve();
-        });
-    });
-    test('performing dragging on selection of nodes should invoke all expected callbacks', () => {
-        dragNodeInteraction.updateCallback('onDragStart', dragStartCallbackMock);
-        dragNodeInteraction.updateCallback('onDrag', dragCallbackMock);
-        dragNodeInteraction.updateCallback('onDragEnd', dragEndCallbackMock);
-        myNVL.updateElementsInGraph([
-            { id: '0', selected: true },
-            { id: '1', selected: true }
-        ], []);
-        expect(myNVL.getSelectedNodes()).toHaveLength(2);
-        const mouseDownEvent = new MouseEvent('mousedown', {
-            clientX: 10,
-            clientY: 10
-        });
-        const mouseMoveEvent = new MouseEvent('mousemove', {
-            buttons: 1,
-            clientX: 20,
-            clientY: 20
-        });
-        const mouseUpEvent = new MouseEvent('mouseup', {
-            clientX: 20,
-            clientY: 20
-        });
-        const container = myNVL.getContainer();
-        container.dispatchEvent(mouseDownEvent);
-        container.dispatchEvent(mouseMoveEvent);
-        document.body.dispatchEvent(mouseUpEvent);
-        const expectedSelectedNodes = nodes.map((node) => ({ ...node, selected: true }));
-        return new Promise((resolve) => {
-            expect(dragStartCallbackMock).toHaveBeenCalledTimes(1);
-            expect(dragStartCallbackMock).toHaveBeenCalledWith(expectedSelectedNodes, mouseMoveEvent);
-            expect(dragCallbackMock).toHaveBeenCalledTimes(1);
-            expect(dragCallbackMock).toHaveBeenCalledWith(expectedSelectedNodes, mouseMoveEvent);
-            expect(dragEndCallbackMock).toHaveBeenCalledTimes(1);
-            expect(dragEndCallbackMock).toHaveBeenCalledWith(expectedSelectedNodes, mouseUpEvent);
-            resolve();
-        });
-    });
-    test('dragging should not be invoked when the mouse is not on a node', () => {
-        dragNodeInteraction.updateCallback('onDragStart', dragStartCallbackMock);
-        dragNodeInteraction.updateCallback('onDrag', dragCallbackMock);
-        dragNodeInteraction.updateCallback('onDragEnd', dragEndCallbackMock);
-        const mouseDownEvent = new MouseEvent('mousedown', {
-            clientX: 100,
-            clientY: 100
-        });
-        const mouseMoveEvent = new MouseEvent('mousemove', {
-            buttons: 1,
-            clientX: 150,
-            clientY: 150
-        });
-        const mouseUpEvent = new MouseEvent('mouseup', {
-            clientX: 150,
-            clientY: 150
-        });
-        const container = myNVL.getContainer();
-        container.dispatchEvent(mouseDownEvent);
-        container.dispatchEvent(mouseMoveEvent);
-        document.body.dispatchEvent(mouseUpEvent);
-        return new Promise((resolve) => {
-            expect(dragStartCallbackMock).toHaveBeenCalledTimes(0);
-            expect(dragCallbackMock).toHaveBeenCalledTimes(0);
-            expect(dragEndCallbackMock).toHaveBeenCalledTimes(0);
-            resolve();
-        });
-    });
-    test('dragging should not be invoked when the mouse is moved less than the drag threshold', () => {
-        dragNodeInteraction.updateCallback('onDragStart', dragStartCallbackMock);
-        dragNodeInteraction.updateCallback('onDrag', dragCallbackMock);
-        dragNodeInteraction.updateCallback('onDragEnd', dragEndCallbackMock);
-        expect(myNVL.getSelectedNodes()).toHaveLength(0);
-        const mouseDownEvent = new MouseEvent('mousedown', {
-            clientX: 10,
-            clientY: 10
-        });
-        const mouseMoveEvent = new MouseEvent('mousemove', {
-            buttons: 1,
-            clientX: 12,
-            clientY: 12
-        });
-        const mouseUpEvent = new MouseEvent('mouseup', {
-            clientX: 12,
-            clientY: 12
-        });
-        const container = myNVL.getContainer();
-        container.dispatchEvent(mouseDownEvent);
-        container.dispatchEvent(mouseMoveEvent);
-        document.body.dispatchEvent(mouseUpEvent);
-        return new Promise((resolve) => {
-            expect(dragStartCallbackMock).toHaveBeenCalledTimes(0);
-            expect(dragCallbackMock).toHaveBeenCalledTimes(0);
-            expect(dragEndCallbackMock).toHaveBeenCalledTimes(0);
-            resolve();
-        });
-    });
-    test('dragging outside the container should stop dragging but keep selection disabled until mouse release', () => {
-        dragNodeInteraction.updateCallback('onDragStart', dragStartCallbackMock);
-        dragNodeInteraction.updateCallback('onDrag', dragCallbackMock);
-        dragNodeInteraction.updateCallback('onDragEnd', dragEndCallbackMock);
-        const mouseDownEvent = new MouseEvent('mousedown', {
-            clientX: 10,
-            clientY: 10
-        });
-        const mouseMoveEvent = new MouseEvent('mousemove', {
-            buttons: 1,
-            clientX: 20,
-            clientY: 20
-        });
-        const mouseLeaveEvent = new MouseEvent('mouseleave', {
-            clientX: 1,
-            clientY: 1
-        });
-        const bodyMouseUpEvent = new MouseEvent('mouseup');
-        const container = myNVL.getContainer();
-        container.dispatchEvent(mouseDownEvent);
-        container.dispatchEvent(mouseMoveEvent);
-        container.dispatchEvent(mouseLeaveEvent);
-        return new Promise((resolve) => {
-            expect(dragStartCallbackMock).toHaveBeenCalledTimes(1);
-            expect(dragCallbackMock).toHaveBeenCalledTimes(1);
-            expect(document.body.style.getPropertyValue('user-select')).toBe('none');
-            document.body.dispatchEvent(bodyMouseUpEvent);
-            expect(document.body.style.getPropertyValue('user-select')).toBe('');
-            expect(dragEndCallbackMock).toHaveBeenCalledTimes(1);
-            resolve();
-        });
-    });
-    test('dragging should not work while performing a drawing action', () => {
-        dragNodeInteraction.updateCallback('onDragStart', dragStartCallbackMock);
-        dragNodeInteraction.updateCallback('onDrag', dragCallbackMock);
-        dragNodeInteraction.updateCallback('onDragEnd', dragEndCallbackMock);
-        const drawingMouseDownEvent = new MouseEvent('mousedown', {
-            clientX: 10,
-            clientY: 10 + NodeRadius + 1
-        });
-        const drawMouseMoveEvent = new MouseEvent('mousemove', {
-            buttons: 1,
-            clientX: 20,
-            clientY: 20
-        });
-        const mouseUpEvent = new MouseEvent('mouseup');
-        const container = myNVL.getContainer();
-        container.dispatchEvent(drawingMouseDownEvent);
-        container.dispatchEvent(drawMouseMoveEvent);
-        container.dispatchEvent(mouseUpEvent);
-        return new Promise((resolve) => {
-            expect(dragStartCallbackMock).not.toHaveBeenCalled();
-            expect(dragCallbackMock).not.toHaveBeenCalled();
-            expect(dragEndCallbackMock).not.toHaveBeenCalled();
-            resolve();
-        });
-    });
-    test('dragging should work after performing a drawing action', () => {
-        dragNodeInteraction.updateCallback('onDragStart', dragStartCallbackMock);
-        dragNodeInteraction.updateCallback('onDrag', dragCallbackMock);
-        dragNodeInteraction.updateCallback('onDragEnd', dragEndCallbackMock);
-        const drawingMouseDownEvent = new MouseEvent('mousedown', {
-            clientX: 10,
-            clientY: 10 + NodeRadius + 1
-        });
-        const mouseUpEvent = new MouseEvent('mouseup');
-        const dragMouseDownEvent = new MouseEvent('mousedown', {
-            clientX: 10,
-            clientY: 10
-        });
-        const dragMouseMoveEvent = new MouseEvent('mousemove', {
-            buttons: 1,
-            clientX: 20,
-            clientY: 20
-        });
-        const container = myNVL.getContainer();
-        container.dispatchEvent(drawingMouseDownEvent);
-        container.dispatchEvent(dragMouseMoveEvent);
-        container.dispatchEvent(mouseUpEvent);
-        container.dispatchEvent(dragMouseDownEvent);
-        container.dispatchEvent(dragMouseMoveEvent);
-        document.body.dispatchEvent(mouseUpEvent);
-        return new Promise((resolve) => {
-            expect(dragStartCallbackMock).toHaveBeenCalledTimes(1);
-            expect(dragCallbackMock).toHaveBeenCalledTimes(1);
-            expect(dragEndCallbackMock).toHaveBeenCalledTimes(1);
-            resolve();
-        });
-    });
-});

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

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

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

@@ -1,374 +0,0 @@
-import NVL from '@neo4j-nvl/base';
-import '@testing-library/jest-dom';
-import { HoverInteraction } from '../interaction-handlers/hover-interaction';
-// jest.mock('@neo4j-nvl/base')
-jest.mock('@neo4j-nvl/layout-workers');
-describe('HoverInteraction', () => {
-    let hoverInteraction;
-    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, renderer: 'webgl' });
-        hoverInteraction = new HoverInteraction(myNVL, { drawShadowOnHover: true });
-        hoverInteraction.updateCallback('onHover', callbackMock);
-    });
-    afterEach(() => {
-        hoverInteraction.destroy();
-        myNVL.destroy();
-        callbackMock.mockReset();
-        jest.restoreAllMocks();
-    });
-    describe('handleHover', () => {
-        it('should register hover event on canvas', () => {
-            const mouseEvent = new MouseEvent('mousemove', {
-                clientX: 10,
-                clientY: 10
-            });
-            hoverInteraction.handleHover(mouseEvent);
-            expect(callbackMock).toHaveBeenCalledWith(undefined, { nodes: [], relationships: [], clusters: [] }, mouseEvent);
-            expect(callbackMock).toHaveBeenCalledTimes(1);
-        });
-        it('should register hover event for node', () => {
-            const mouseEvent = new MouseEvent('mousemove', {
-                clientX: 100,
-                clientY: 100
-            });
-            hoverInteraction.handleHover(mouseEvent);
-            expect(callbackMock).toHaveBeenCalledWith({ id: '0', x: 100, y: 100, hovered: true }, {
-                nodes: [
-                    {
-                        data: { id: '0', x: 100, y: 100, hovered: true },
-                        distance: 0,
-                        targetCoordinates: { x: 100, y: 100 },
-                        pointerCoordinates: { x: 100, y: 100 },
-                        distanceVector: { x: 0, y: 0 },
-                        insideNode: true
-                    }
-                ],
-                relationships: [
-                    {
-                        data: { id: '10', from: '0', to: '1' },
-                        distance: 0,
-                        fromTargetCoordinates: { x: 100, y: 100 },
-                        toTargetCoordinates: { x: 200, y: 200 },
-                        pointerCoordinates: { x: 100, y: 100 }
-                    }
-                ],
-                clusters: []
-            }, mouseEvent);
-            expect(callbackMock).toHaveBeenCalledTimes(1);
-        });
-        it('should register hover event for relationship', () => {
-            const mouseEvent = new MouseEvent('mousemove', {
-                clientX: 150,
-                clientY: 150
-            });
-            hoverInteraction.handleHover(mouseEvent);
-            expect(callbackMock).toHaveBeenCalledWith({ id: '10', from: '0', to: '1', hovered: true }, {
-                nodes: [],
-                relationships: [
-                    {
-                        data: { id: '10', from: '0', to: '1', hovered: true },
-                        distance: 0,
-                        fromTargetCoordinates: { x: 100, y: 100 },
-                        toTargetCoordinates: { x: 200, y: 200 },
-                        pointerCoordinates: { x: 150, y: 150 }
-                    }
-                ],
-                clusters: []
-            }, mouseEvent);
-            expect(callbackMock).toHaveBeenCalledTimes(1);
-        });
-        it('should register un-hover event for node', () => {
-            const mouseEvent = new MouseEvent('mousemove', {
-                clientX: 100,
-                clientY: 100
-            });
-            hoverInteraction.handleHover(mouseEvent);
-            expect(callbackMock).toHaveBeenCalledWith({ id: '0', x: 100, y: 100, hovered: true }, {
-                nodes: [
-                    {
-                        data: { id: '0', x: 100, y: 100, hovered: true },
-                        distance: 0,
-                        targetCoordinates: { x: 100, y: 100 },
-                        pointerCoordinates: { x: 100, y: 100 },
-                        distanceVector: { x: 0, y: 0 },
-                        insideNode: true
-                    }
-                ],
-                relationships: [
-                    {
-                        data: { id: '10', from: '0', to: '1' },
-                        distance: 0,
-                        fromTargetCoordinates: { x: 100, y: 100 },
-                        toTargetCoordinates: { x: 200, y: 200 },
-                        pointerCoordinates: { x: 100, y: 100 }
-                    }
-                ],
-                clusters: []
-            }, mouseEvent);
-            expect(callbackMock).toHaveBeenCalledTimes(1);
-            const mouseEvent2 = new MouseEvent('mousemove', {
-                clientX: 10,
-                clientY: 10
-            });
-            hoverInteraction.handleHover(mouseEvent2);
-            expect(callbackMock).toHaveBeenCalledWith({ id: '0', x: 100, y: 100, hovered: false }, {
-                nodes: [
-                    {
-                        data: { id: '0', x: 100, y: 100, hovered: false },
-                        distance: 0,
-                        targetCoordinates: { x: 100, y: 100 },
-                        pointerCoordinates: { x: 100, y: 100 },
-                        distanceVector: { x: 0, y: 0 },
-                        insideNode: true
-                    }
-                ],
-                relationships: [
-                    {
-                        data: { id: '10', from: '0', to: '1' },
-                        distance: 0,
-                        fromTargetCoordinates: { x: 100, y: 100 },
-                        toTargetCoordinates: { x: 200, y: 200 },
-                        pointerCoordinates: { x: 100, y: 100 }
-                    }
-                ],
-                clusters: []
-            }, mouseEvent2);
-            expect(callbackMock).toHaveBeenCalledWith(undefined, { nodes: [], relationships: [], clusters: [] }, mouseEvent2);
-            expect(callbackMock).toHaveBeenCalledTimes(2);
-        });
-        it('should register un-hover event for relationship', () => {
-            const mouseEvent = new MouseEvent('mousemove', {
-                clientX: 150,
-                clientY: 150
-            });
-            hoverInteraction.handleHover(mouseEvent);
-            expect(callbackMock).toHaveBeenCalledWith({ id: '10', from: '0', to: '1', hovered: true }, {
-                nodes: [],
-                relationships: [
-                    {
-                        data: { id: '10', from: '0', to: '1', hovered: true },
-                        distance: 0,
-                        fromTargetCoordinates: { x: 100, y: 100 },
-                        toTargetCoordinates: { x: 200, y: 200 },
-                        pointerCoordinates: { x: 150, y: 150 }
-                    }
-                ],
-                clusters: []
-            }, mouseEvent);
-            expect(callbackMock).toHaveBeenCalledTimes(1);
-            const mouseEvent2 = new MouseEvent('mousemove', {
-                clientX: 10,
-                clientY: 10
-            });
-            hoverInteraction.handleHover(mouseEvent2);
-            expect(callbackMock).toHaveBeenCalledWith({ id: '10', from: '0', to: '1', hovered: false }, {
-                nodes: [],
-                relationships: [
-                    {
-                        data: { id: '10', from: '0', to: '1', hovered: false },
-                        distance: 0,
-                        fromTargetCoordinates: { x: 100, y: 100 },
-                        toTargetCoordinates: { x: 200, y: 200 },
-                        pointerCoordinates: { x: 150, y: 150 }
-                    }
-                ],
-                clusters: []
-            }, mouseEvent2);
-            expect(callbackMock).toHaveBeenCalledWith(undefined, { nodes: [], relationships: [], clusters: [] }, mouseEvent2);
-            expect(callbackMock).toHaveBeenCalledTimes(2);
-        });
-        it('should un-hover node and hover relationships when moving mouse from node to relationship', () => {
-            const mouseEvent = new MouseEvent('mousemove', {
-                clientX: 100,
-                clientY: 100
-            });
-            hoverInteraction.handleHover(mouseEvent);
-            expect(callbackMock).toHaveBeenCalledWith({ id: '0', x: 100, y: 100, hovered: true }, {
-                nodes: [
-                    {
-                        data: { id: '0', x: 100, y: 100, hovered: true },
-                        distance: 0,
-                        targetCoordinates: { x: 100, y: 100 },
-                        pointerCoordinates: { x: 100, y: 100 },
-                        distanceVector: { x: 0, y: 0 },
-                        insideNode: true
-                    }
-                ],
-                relationships: [
-                    {
-                        data: { id: '10', from: '0', to: '1' },
-                        distance: 0,
-                        fromTargetCoordinates: { x: 100, y: 100 },
-                        toTargetCoordinates: { x: 200, y: 200 },
-                        pointerCoordinates: { x: 100, y: 100 }
-                    }
-                ],
-                clusters: []
-            }, mouseEvent);
-            expect(callbackMock).toHaveBeenCalledTimes(1);
-            const mouseEvent2 = new MouseEvent('mousemove', {
-                clientX: 150,
-                clientY: 150
-            });
-            hoverInteraction.handleHover(mouseEvent2);
-            expect(callbackMock).toHaveBeenCalledWith({ id: '0', x: 100, y: 100, hovered: false }, {
-                nodes: [
-                    {
-                        data: { id: '0', x: 100, y: 100, hovered: false },
-                        distance: 0,
-                        targetCoordinates: { x: 100, y: 100 },
-                        pointerCoordinates: { x: 100, y: 100 },
-                        distanceVector: { x: 0, y: 0 },
-                        insideNode: true
-                    }
-                ],
-                relationships: [
-                    {
-                        data: { id: '10', from: '0', to: '1', hovered: true },
-                        distance: 0,
-                        fromTargetCoordinates: { x: 100, y: 100 },
-                        toTargetCoordinates: { x: 200, y: 200 },
-                        pointerCoordinates: { x: 100, y: 100 }
-                    }
-                ],
-                clusters: []
-            }, mouseEvent2);
-            expect(callbackMock).toHaveBeenCalledWith({ id: '10', from: '0', to: '1', hovered: true }, {
-                nodes: [],
-                relationships: [
-                    {
-                        data: { id: '10', from: '0', to: '1', hovered: true },
-                        distance: 0,
-                        fromTargetCoordinates: { x: 100, y: 100 },
-                        toTargetCoordinates: { x: 200, y: 200 },
-                        pointerCoordinates: { x: 150, y: 150 }
-                    }
-                ],
-                clusters: []
-            }, mouseEvent2);
-            expect(callbackMock).toHaveBeenCalledTimes(2);
-        });
-        it('should un-hover relationship and hover node when moving mouse from relationship to node', () => {
-            const mouseEvent = new MouseEvent('mousemove', {
-                clientX: 150,
-                clientY: 150
-            });
-            hoverInteraction.handleHover(mouseEvent);
-            expect(callbackMock).toHaveBeenCalledWith({ id: '10', from: '0', to: '1', hovered: true }, {
-                nodes: [],
-                relationships: [
-                    {
-                        data: { id: '10', from: '0', to: '1', hovered: true },
-                        distance: 0,
-                        fromTargetCoordinates: { x: 100, y: 100 },
-                        toTargetCoordinates: { x: 200, y: 200 },
-                        pointerCoordinates: { x: 150, y: 150 }
-                    }
-                ],
-                clusters: []
-            }, mouseEvent);
-            expect(callbackMock).toHaveBeenCalledTimes(1);
-            const mouseEvent2 = new MouseEvent('mousemove', {
-                clientX: 100,
-                clientY: 100
-            });
-            hoverInteraction.handleHover(mouseEvent2);
-            expect(callbackMock).toHaveBeenCalledWith({ id: '0', x: 100, y: 100, hovered: true }, {
-                nodes: [
-                    {
-                        data: { id: '0', x: 100, y: 100, hovered: true },
-                        distance: 0,
-                        targetCoordinates: { x: 100, y: 100 },
-                        pointerCoordinates: { x: 100, y: 100 },
-                        distanceVector: { x: 0, y: 0 },
-                        insideNode: true
-                    }
-                ],
-                relationships: [
-                    {
-                        data: { id: '10', from: '0', to: '1', hovered: false },
-                        distance: 0,
-                        fromTargetCoordinates: { x: 100, y: 100 },
-                        toTargetCoordinates: { x: 200, y: 200 },
-                        pointerCoordinates: { x: 100, y: 100 }
-                    }
-                ],
-                clusters: []
-            }, mouseEvent2);
-            expect(callbackMock).toHaveBeenCalledWith({ id: '10', from: '0', to: '1', hovered: false }, {
-                nodes: [],
-                relationships: [
-                    {
-                        data: { id: '10', from: '0', to: '1', hovered: false },
-                        distance: 0,
-                        fromTargetCoordinates: { x: 100, y: 100 },
-                        toTargetCoordinates: { x: 200, y: 200 },
-                        pointerCoordinates: { x: 150, y: 150 }
-                    }
-                ],
-                clusters: []
-            }, mouseEvent2);
-            expect(callbackMock).toHaveBeenCalledTimes(2);
-        });
-        it('should report a hovered cluster', () => {
-            const nvlTargets = {
-                nodes: [],
-                relationships: [],
-                clusters: [
-                    {
-                        data: { id: 'group-a', nodeIds: ['0', '1'] },
-                        pointerCoordinates: { x: 50, y: 50 },
-                        hull: [
-                            { x: 0, y: 0 },
-                            { x: 100, y: 0 },
-                            { x: 100, y: 100 },
-                            { x: 0, y: 100 }
-                        ]
-                    }
-                ]
-            };
-            jest.spyOn(myNVL, 'getHits').mockImplementation((event) => Object.assign(event, { nvlTargets }));
-            const mouseEvent = new MouseEvent('mousemove', { clientX: 50, clientY: 50 });
-            hoverInteraction.handleHover(mouseEvent);
-            expect(callbackMock).toHaveBeenCalledWith(undefined, nvlTargets, mouseEvent);
-            expect(callbackMock).toHaveBeenCalledTimes(1);
-        });
-        it('should keep the cluster in the hit elements when hovering one of its nodes', () => {
-            const nvlTargets = {
-                nodes: [
-                    {
-                        data: { id: '0', x: 100, y: 100 },
-                        distance: 0,
-                        targetCoordinates: { x: 100, y: 100 },
-                        pointerCoordinates: { x: 100, y: 100 },
-                        distanceVector: { x: 0, y: 0 },
-                        insideNode: true
-                    }
-                ],
-                relationships: [],
-                clusters: [
-                    {
-                        data: { id: 'group-a', nodeIds: ['0', '1'] },
-                        pointerCoordinates: { x: 100, y: 100 },
-                        hull: [
-                            { x: 0, y: 0 },
-                            { x: 200, y: 0 },
-                            { x: 200, y: 200 },
-                            { x: 0, y: 200 }
-                        ]
-                    }
-                ]
-            };
-            jest.spyOn(myNVL, 'getHits').mockImplementation((event) => Object.assign(event, { nvlTargets }));
-            const mouseEvent = new MouseEvent('mousemove', { clientX: 100, clientY: 100 });
-            hoverInteraction.handleHover(mouseEvent);
-            expect(callbackMock).toHaveBeenCalledWith({ id: '0', x: 100, y: 100 }, nvlTargets, mouseEvent);
-            expect(callbackMock).toHaveBeenCalledTimes(1);
-        });
-    });
-});

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

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