Draw a line using Cypress

Method (1)

step 1:

First of all get the exact coordinates i.e.

{ clientX: 200, clientY: 300 }

step 2:

Find the the exact Locater i.e.

cy.get('[datatestid='xyz']')

step 3:

cy.get("[datatestid='xyz']").trigger('mousedown','center')
.click({release:false})
.trigger('mousemove',{ clientX: 200, clientY: 300 })
.trigger('mouseup',5,5)
.trigger('mouseleave')

Method (2)

cy.get("[datatestid='xyz']") .trigger('mouseover') .trigger('mousedown', {which: 1}) .trigger('mousemove', {clientX: 505, clientY: 357}) .trigger('mousemove') .trigger('mouseup', {force: true})

For more blogs Click here