react-grid-resizable/src/Separators/dragTestUtils.ts

React Grid Resizable Component

import { act, fireEvent, render } from 'react-testing-library';
import 'react-testing-library/cleanup-after-each';

interface DragEventProps {
    clientX: number;
    clientY: number;
}

interface DragOptions {
    element: Element,
    baseElement: Element,
    from?: DragEventProps;
    to: DragEventProps,
}

export const actDrag = ({
    element,
    baseElement,
    from = {
        clientX: 0,
        clientY: 0,
    },
    to,
}: DragOptions) => {
    act(() => {
        fireEvent.mouseDown(element, from);
    });

    act(() => {
        fireEvent.mouseMove(baseElement, to);
    });
};