Serenity/JS should support drag and drop interactions

[jan-molak]

What's the problem you're trying to solve?

Serenity/JS should support HTML 5 drag and drop API. For example:

await actor.attemptsTo(
  Drag.file(path).to(dropzone)
  Drag.element(element).to(dropzone)
)

How would you like to solve it?

Add a new @serenity-js/web interaction to support dragging PageElement to a drop zone, and another one to support dragging a file located at Path to a drop zone.

Notes:

• Playwright
  • element drag and drop
  • file drag and drop
• Protractor
  • element drag and drop
  • file drag and drop not supported, but a workaround might be available
• WebdriverIO
  • element drag and drop, however note [🐛 Bug]: Drag drop is not working webdriverio/webdriverio#8022
  • file drag and drop not supported, but a workaround might be available

Are there any alternatives?

Developers can write custom interactions to do it, but having a built-in way would offer a better developer experience.

How can we make it happen?

• work on this myself (with Serenity/JS team guidance)
• hire the Serenity/JS team to build it for me
• add it to the Serenity/JS backlog and wait for a volunteer