Image Cropping action using cypress?

[mohinid]

Can someone tell me how to perform Image Cropping using cypress?

[Arinzjos]

Hi, i am having this issue now, where you able to solve this? I will appreciate your help. Thanks

[mohinid]

Hi, to overcome this problem during testing, we had a workaround by adding a hidden skip button in that step and then handled the cropping from the backend. Could not use cypress for performing the action from the frontend.

[Arinzjos]

Ok thank you, i appreciate

[Parth909]

I was not able to perform dragging action for cropping the image

cy.get("[data-test=image-to-crop]")
      .find("img")
      .should("be.visible")
      .trigger("click", 70, 71, {
        button: 1,
        force: true,
      })
      .trigger("mousedown", 70, 71, {
        button: 1,
        force: true,
      })
      .trigger("mousemove", 292, 197, {
        button: 1,
        force: true,
      })
      // .trigger("dragstart", 50, 50, {
      //   button: 1,
      //   force: true,
      // })
      // .trigger("dragend", 262, 197, {
      //   button: 1,
      //   force: true,
      // })
      .trigger("mouseup", { force: true })
      .wait(2000);

This is what i wanted to do but
But unable to do that using cypress