Cypress: hooked up drag command the same way as other commands

cypress/support/commands/drag.ts

@@ -130,13 +130,30 @@ class DragSimulator {
   }
 }
 
-Cypress.Commands.add(
-  "drag",
-  { prevSubject: "element" },
-  (subject, targetSelector) => {
-    return new DragSimulator().drag(subject, targetSelector);
-  },
-);
+export default function drag(
+  subject: JQuery<HTMLElement>,
+  targetSelector: string,
+) {
+  const dragSimulator = new DragSimulator();
+
+  return dragSimulator
+    .init(subject, targetSelector)
+    .then(() => dragSimulator.dragstart())
+    .then(() => dragSimulator.dragover())
+    .then((success) => {
+      if (success) {
+        return dragSimulator.drop().then(() => true);
+      } else {
+        return cy.wrap(false, NO_LOG);
+      }
+    })
+    .then((result) => {
+      dragSimulator.log.snapshot("after");
+
+      return result;
+    })
+    .finishLog(dragSimulator.log);
+}
 
 declare global {
   namespace Cypress {

cypress/support/commands/index.ts

@@ -26,6 +26,7 @@ import { deletePublication, deleteDataset } from "./delete-one";
 import finishLog from "./finish-log";
 import setField from "./set-field";
 import triggerHtmx from "./trigger-htmx";
+import drag from "./drag";
 
 // Dual commands
 import extractBiblioId from "./extract-biblio-id";
@@ -84,6 +85,8 @@ Cypress.Commands.addAll(
     setField,
 
     triggerHtmx,
+
+    drag,
   },
 );