cypress-dragndrop-kit 1.0.8 → 1.0.10

package/README.md

@@ -74,10 +74,10 @@ it('should be able to drag and drop an item by using "dragAndDrop()"', () => {
 
 // Usage of "dragTo(target, { pressDelay })"
 it('should be able to drag and drop an item after a 2 second delay by using "dragTo()"', () => {
-    cy.get('[data-id="47"]').dragTo('[data-id="3"]', { pressDelay: 2000 });
+  cy.get('[data-id="47"]').dragTo('[data-id="3"]', { pressDelay: 2000 });
 
-    cy.get('[data-id="47"]').should('have.attr', 'data-index', 3);
-    cy.get('[data-id="3"]').should('have.attr', 'data-index', 4);
+  cy.get('[data-id="47"]').should('have.attr', 'data-index', 3);
+  cy.get('[data-id="3"]').should('have.attr', 'data-index', 4);
 })
 ```
 

package/dist/index.js

@@ -15,12 +15,8 @@ Cypress.Commands.add("dragTo", { prevSubject: 'element' }, (sourceElement, targe
                 cy.get(targetElement).first().scrollIntoView();
             }
             else {
-                const startX = sourceCoordinates.left + sourceCoordinates.width / 2;
-                const startY = sourceCoordinates.top + sourceCoordinates.height / 2;
-                sourceCoordinates = Object.assign(Object.assign({}, sourceCoordinates), { x: startX, y: startY });
-                const endX = targetCoordinates.left + targetCoordinates.width / 2;
-                const endY = targetCoordinates.top + targetCoordinates.height / 2;
-                targetCoordinates = Object.assign(Object.assign({}, targetCoordinates), { x: endX, y: endY });
+                sourceCoordinates = (0, utils_1.calculateCoordinates)(sourceCoordinates);
+                targetCoordinates = (0, utils_1.calculateCoordinates)(targetCoordinates);
             }
             cy.wrap(source)
                 .trigger("mousedown", (0, utils_1.params)(sourceCoordinates))

package/dist/utils.d.ts

@@ -11,3 +11,14 @@ export declare const params: ({ x, y }: Coordinate, offset?: number) => {
     clientY: number;
     force: boolean;
 };
+export declare const calculateCoordinates: (coordinates: DOMRect) => {
+    x: number;
+    y: number;
+    height: number;
+    width: number;
+    bottom: number;
+    left: number;
+    right: number;
+    top: number;
+    toJSON(): any;
+};

package/dist/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.params = void 0;
+exports.calculateCoordinates = exports.params = void 0;
 const params = ({ x, y }, offset = 0) => ({
     button: 0,
     clientX: x + offset,
@@ -8,3 +8,9 @@ const params = ({ x, y }, offset = 0) => ({
     force: true,
 });
 exports.params = params;
+const calculateCoordinates = (coordinates) => {
+    const x = coordinates.left + coordinates.width / 2;
+    const y = coordinates.top + coordinates.height / 2;
+    return Object.assign(Object.assign({}, coordinates), { x, y });
+};
+exports.calculateCoordinates = calculateCoordinates;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cypress-dragndrop-kit",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "Custom command meant for interacting with draggable elements in the UI",
   "main": "dist/index.js",
   "types": "dist/types.d.ts",