How to test draggable object programmatically

I’m trying to unit test some functionality related to dragging on my site; I use interact like this:

interact(element).draggable({ onstart: functionToTest })

I’m trying to simulate a drag by manually triggering events with jQuery:

$(element).mousedown(); ...

But it seems that interact doesn’t respond to these manual triggers at all. Am I doing something wrong here?

[taye]

$(element).mousedown() doesn’t fire event listeners that were added with Node.addEventListener which is used by interact.js. You would have to create and trigger events manually.

But you can just use interactable.fire(eventObject) to call the listeners for eventObject.type.

interact(element).fire({
  type: 'dragstart',
  target: element,
  pageX: 10,
  ...
});

[dmo-odoo]

@taye and others who might be trying the same thing, I found out how to do it. Interact.js actually listens to PointerEvents, not MouseEvents, and it listens for them on document, not the element itself, so it needs to bubble.

var pointerDownEvent = new PointerEvent("pointerdown", {
    bubbles: true,
    // any mouseEvent contructor value
});
el.dispatchEvent(pointerDownEvent);

var pointerMoveEvent = new PointerEvent("pointermove", {
    bubbles: true,
    // any mouseEvent contructor value
});
el.dispatchEvent(pointerMoveEvent);

var pointerUpEvent = new PointerEvent("pointerup", {
    bubbles: true,
    // any mouseEvent contructor value
});
el.dispatchEvent(pointerUpEvent);