Clicking the Correct Location but not Draging From Clicked Location

[Bassy-Teisen]

I was able to make cypress click the source element location and target location, however when cypress attempted to drag the source element it would be moved to the wrong location. I found that the locations were be captured from inside of the parent div, then when the element was dragged, its location would be placed relative to the body. This meant that the element was always to high to be dropped on its target. By replace .getBoundingClientRect() with .offsetTop I was able to correct this.

cypress-drag-drop/index.js

Line 26 in 2555c6e

const currentSourcePosition = this.source.getBoundingClientRect()

cypress-drag-drop/index.js

Line 121 in 2555c6e

this.initialSourcePosition = this.source.getBoundingClientRect()

diff --git a/node_modules/@4tw/cypress-drag-drop/index.js b/node_modules/@4tw/cypress-drag-drop/index.js
index b316fc1..6a4ada3 100644
--- a/node_modules/@4tw/cypress-drag-drop/index.js
+++ b/node_modules/@4tw/cypress-drag-drop/index.js
@@ -23,7 +23,7 @@ const DragSimulator = {
     return { source, target }
   },
   get dropped() {
-    const currentSourcePosition = this.source.getBoundingClientRect()
+      const currentSourcePosition = this.source.offsetTop;
     return !this.rectsEqual(this.initialSourcePosition, currentSourcePosition)
   },
   get hasTriesLeft() {
@@ -118,7 +118,7 @@ const DragSimulator = {
     this.options = this.createDefaultOptions(options)
     this.counter = 0
     this.source = source.get(0)
-    this.initialSourcePosition = this.source.getBoundingClientRect()
+    this.initialSourcePosition = this.source.offsetTop
     return cy.get(target).then((targetWrapper) => {
       this.target = targetWrapper.get(0)
     })