maplibre-gl/src/ui/handler/mouse_handler_interface.test.ts

BSD licensed community fork of mapbox-gl, a WebGL interactive maps library

import {describe, test, expect} from 'vitest';
import Point from '@mapbox/point-geometry';

import {generateMousePanHandler, generateMousePitchHandler, generateMouseRollHandler, generateMouseRotationHandler} from './mouse';
import {type DragRotateResult} from './drag_handler';

describe('mouse handler tests', () => {
    test('MouseRotateHandler', () => {
        const mouseRotate = generateMouseRotationHandler({clickTolerance: 2}, () => new Point(10, 10));

        expect(mouseRotate.isActive()).toBe(false);
        expect(mouseRotate.isEnabled()).toBe(false);
        mouseRotate.enable();
        expect(mouseRotate.isEnabled()).toBe(true);

        mouseRotate.dragStart(new MouseEvent('mousedown', {buttons: 2, button: 2}), new Point(0, 0));
        expect(mouseRotate.isActive()).toBe(false);

        const underToleranceMove = new MouseEvent('mousemove', {buttons: 2, clientX: 1, clientY: 1});
        expect(mouseRotate.dragMove(underToleranceMove, new Point(1, 1))).toBeUndefined();
        expect(mouseRotate.isActive()).toBe(false);

        const overToleranceMove = new MouseEvent('mousemove', {buttons: 2, clientX: 10, clientY: 10});
        expect((mouseRotate.dragMove(overToleranceMove, new Point(10, 10)) as DragRotateResult).bearingDelta).toBeCloseTo(8);
        expect(mouseRotate.isActive()).toBe(true);

        mouseRotate.dragEnd(new MouseEvent('mouseup', {buttons: 0, button: 2}));
        expect(mouseRotate.isActive()).toBe(false);

        mouseRotate.disable();
        expect(mouseRotate.isEnabled()).toBe(false);

        mouseRotate.dragStart(new MouseEvent('mousedown', {buttons: 2, button: 2}), new Point(0, 0));
        expect(mouseRotate.isActive()).toBe(false);

        expect(mouseRotate.dragMove(underToleranceMove, new Point(1, 1))).toBeUndefined();
        expect(mouseRotate.isActive()).toBe(false);

        expect(mouseRotate.dragMove(overToleranceMove, new Point(10, 10))).toBeUndefined();
        expect(mouseRotate.isActive()).toBe(false);
    });

    test('MousePitchHandler', () => {
        const mousePitch = generateMousePitchHandler({clickTolerance: 2});

        expect(mousePitch.isActive()).toBe(false);
        expect(mousePitch.isEnabled()).toBe(false);
        mousePitch.enable();
        expect(mousePitch.isEnabled()).toBe(true);

        mousePitch.dragStart(new MouseEvent('mousedown', {buttons: 2, button: 2}), new Point(0, 0));
        expect(mousePitch.isActive()).toBe(false);

        const underToleranceMove = new MouseEvent('mousemove', {buttons: 2, clientX: 1, clientY: 1});
        expect(mousePitch.dragMove(underToleranceMove, new Point(1, 1))).toBeUndefined();
        expect(mousePitch.isActive()).toBe(false);

        const overToleranceMove = new MouseEvent('mousemove', {buttons: 2, clientX: 10, clientY: 10});
        expect(mousePitch.dragMove(overToleranceMove, new Point(10, 10))).toEqual({'pitchDelta': -5});
        expect(mousePitch.isActive()).toBe(true);

        mousePitch.dragEnd(new MouseEvent('mouseup', {buttons: 0, button: 2}));
        expect(mousePitch.isActive()).toBe(false);

        mousePitch.disable();
        expect(mousePitch.isEnabled()).toBe(false);

        mousePitch.dragStart(new MouseEvent('mousedown', {buttons: 2, button: 2}), new Point(0, 0));
        expect(mousePitch.isActive()).toBe(false);

        expect(mousePitch.dragMove(underToleranceMove, new Point(1, 1))).toBeUndefined();
        expect(mousePitch.isActive()).toBe(false);

        expect(mousePitch.dragMove(overToleranceMove, new Point(10, 10))).toBeUndefined();
        expect(mousePitch.isActive()).toBe(false);
    });

    test('MousePanHandler', () => {
        const mousePan = generateMousePanHandler({clickTolerance: 2});

        expect(mousePan.isActive()).toBe(false);
        expect(mousePan.isEnabled()).toBe(false);
        mousePan.enable();
        expect(mousePan.isEnabled()).toBe(true);

        mousePan.dragStart(new MouseEvent('mousedown', {buttons: 1, button: 0}), new Point(0, 0));
        expect(mousePan.isActive()).toBe(true);

        const underToleranceMove = new MouseEvent('mousemove', {buttons: 1, clientX: 1, clientY: 1});
        expect(mousePan.dragMove(underToleranceMove, new Point(1, 1))).toBeUndefined();
        expect(mousePan.isActive()).toBe(true);

        const overToleranceMove = new MouseEvent('mousemove', {buttons: 1, clientX: 10, clientY: 10});
        expect(mousePan.dragMove(overToleranceMove, new Point(10, 10)))
            .toEqual({'around': {'x': 10, 'y': 10,}, 'panDelta': {'x': 10, 'y': 10,}});
        expect(mousePan.isActive()).toBe(true);

        mousePan.dragEnd(new MouseEvent('mouseup', {buttons: 0, button: 0}));
        expect(mousePan.isActive()).toBe(false);

        mousePan.disable();
        expect(mousePan.isEnabled()).toBe(false);

        mousePan.dragStart(new MouseEvent('mousedown', {buttons: 2, button: 2}), new Point(0, 0));
        expect(mousePan.isActive()).toBe(false);

        expect(mousePan.dragMove(underToleranceMove, new Point(1, 1))).toBeUndefined();
        expect(mousePan.isActive()).toBe(false);

        expect(mousePan.dragMove(overToleranceMove, new Point(10, 10))).toBeUndefined();
        expect(mousePan.isActive()).toBe(false);
    });

    test('MouseRollHandler', () => {
        const mouseRoll = generateMouseRollHandler({clickTolerance: 2}, () => new Point(11, 11));

        expect(mouseRoll.isActive()).toBe(false);
        expect(mouseRoll.isEnabled()).toBe(false);
        mouseRoll.enable();
        expect(mouseRoll.isEnabled()).toBe(true);

        mouseRoll.dragStart(new MouseEvent('mousedown', {buttons: 2, button: 2, ctrlKey: true}), new Point(0, 0));
        expect(mouseRoll.isActive()).toBe(false);

        const underToleranceMove = new MouseEvent('mousemove', {buttons: 2, clientX: 1, clientY: 1});
        expect(mouseRoll.dragMove(underToleranceMove, new Point(1, 1))).toBeUndefined();
        expect(mouseRoll.isActive()).toBe(false);

        const overToleranceMove = new MouseEvent('mousemove', {buttons: 2, clientX: 10, clientY: 10});
        expect(mouseRoll.dragMove(overToleranceMove, new Point(10, 10))).toEqual({'rollDelta': -3});
        expect(mouseRoll.isActive()).toBe(true);

        mouseRoll.dragEnd(new MouseEvent('mouseup', {buttons: 0, button: 2}));
        expect(mouseRoll.isActive()).toBe(false);

        mouseRoll.disable();
        expect(mouseRoll.isEnabled()).toBe(false);

        mouseRoll.dragStart(new MouseEvent('mousedown', {buttons: 2, button: 2}), new Point(0, 0));
        expect(mouseRoll.isActive()).toBe(false);

        expect(mouseRoll.dragMove(underToleranceMove, new Point(1, 1))).toBeUndefined();
        expect(mouseRoll.isActive()).toBe(false);

        expect(mouseRoll.dragMove(overToleranceMove, new Point(10, 10))).toBeUndefined();
        expect(mouseRoll.isActive()).toBe(false);
    });
});