Performing area selection in Cypress

[madushajg]

I have a requirement to test a zoom-in functionality for a selected area like depicted below.

Here I need to perform the selection over the graph. I referred to many available discussions and suggestions, but couldn't get any success.

I tried to achieve this as a drag n drop solution too. But didn't work.

  cy.get('[data-testid="graph"]')
      .trigger('mousedown', { pageX: 100, pageY: 120 })
      .trigger('mousemove', { pageX: 300, pageY: 120 })
      .trigger('mouseup')

How can I achieve this using Cypress?

[PaoloKa]

I used this and seems to do the trick

  cy.get(".canvas-container")
    .trigger("mousedown", "bottomRight")
    .trigger("mousemove")
    .trigger("mouseup", "center");

[tar04]

Hey @PaoloKa ! How did you make it work? Cause i have pretty simmilar situation but instead of canvas i need to select inside div block

[goska-malaga]

this is answered in #3441
it worked for me to use cy.window().then((win) => {
I just needed to do mousemove on different element then mousedown