Drag and Drop Test Passing but No Actions Occur

[Langelozzi]

I am attempting to use the drag and drop plugin to test filtering on a kendo table which occurs when you drag the column header into the drop target (see manual-drag-drop, attachment 2). When I run my test I see the events occurring but nothing is being done on the application itself (see cypress-drag-drop, attachment 1).

cypress-drag-drop.mp4

manual-drag-drop.mp4

[ericcmmi]

Do you know what version of Cypress you are using and which version of the plug-in? We just updated to 9.7 from 9.61 and are experiencing the same thing.

[Langelozzi]

I am using the following versions:
Cypress - 10.0.3
Drag and Drop Plugin - 2.1.0

[jlinall]

As a workaround for our project, we commented out this.dragover() of the drag() function in index.js of this library. We're still investigating the actual cause. Currently, we're suspecting that it has something to do with the draggable elements being inside scrollable elements.

[Langelozzi]

@jlinall Thank you for your suggestion. I have commented out 'this.dragover()' and other functions in an attempt to solve the issue but have still be unsuccessful with my attempts.

[bdiallo]

Hi @Langelozzi have you found a solution? As I have the same problem

[Langelozzi]

Hi @bdiallo, I have still been unable to resolve this issue. I have been in contact with cypress support but after weeks of communication, they were unable to find a solution.

[barnie-karbonhq]

any luck with this @Langelozzi ?

[Langelozzi]

@barnie-karbonhq No luck thus far :(

[barnie-karbonhq]

@jlinall , commenting out this.dragover() seems to solve the issue for us too. How do you manage this on package.json?

[jlinall]

@barnie-karbonhq -- as a workaround, we copied the index.js of this project into our Cypress commands file. We'd rather use the package, but will need to wait until the issue is resolved before reverting back.

[barnie-karbonhq]

Thanks @jlinall , will try that. We are using package 2.0.0 and doing npm install --force , which works fine.

[maasha]

#112 (comment)

I also commented out the this.dragover() and now it works!

  drag(sourceWrapper, targetSelector, options) {
    this.init(sourceWrapper, targetSelector, options)
      .then(() => this.dragstart())
      // .then(() => this.dragover())
      .then((success) => {
        if (success) {
          return this.drop().then(() => true)
        } else {
          return false
        }
      })
  },