fix: update draggle tests to use pointer events

Related to #596
bpmn-io · Sep 13, 2024 · d4a30c5 · d4a30c5
1 parent f1e7f18
commit d4a30c5
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/packages/form-js-editor/test/spec/FormEditor.spec.js b/packages/form-js-editor/test/spec/FormEditor.spec.js
@@ -1475,6 +1475,16 @@ function dispatchEvent(element, type, options = {}) {
  element.dispatchEvent(event);
 }
 
+function dispatchPointerEvent(element, type, options = {}) {
+ const event = new PointerEvent(type, {
+ bubbles: true,
+ cancelable: true,
+ ...options,
+ });
+
+ element.dispatchEvent(event);
+}
+
 function startResizing(node, position) {
  if (!position) {
  const bounds = node.getBoundingClientRect();
@@ -1500,7 +1510,7 @@ function startDragging(container, node) {
  node = container.querySelector('.fjs-palette-field[data-field-type="textfield"]');
  }
 
- dispatchEvent(node, 'mousedown', { which: 1 });
+ dispatchPointerEvent(node, 'pointerdown', { pointerId: 1, buttons: 1 });
 }
 
 function moveDragging(container, position) {
@@ -1514,12 +1524,12 @@ function moveDragging(container, position) {
  };
  }
 
- dispatchEvent(form, 'mousemove', position);
+ dispatchPointerEvent(form, 'pointermove', { pointerId: 1, buttons: 1, ...position });
 }
 
 function endDragging(container) {
  const form = container.querySelector('.fjs-drop-container-vertical[data-id="Form_1"]');
- dispatchEvent(form, 'mouseup');
+ dispatchPointerEvent(form, 'pointerup', { pointerId: 1 });
 }
 
 function getRowOrder(container) {