I wanted to slide the below mention button? Is there any better mechanism? I tried something like:

javascript
          cy.get('#sliderButton > button')
            .trigger('mousedown', { button: 0, position: 'center' })
            .trigger('mousemove', { clientX: 1000, clientY: 0 })
            .trigger('mouseup', { force: true });

You can change the slider value directly.

cy.get("sliderLocator").invoke('val', maxvalue).trigger('change')

@adventurous-whale-33899 I tried it but it didn't work 😦 I tried with the maxvalue - 100 (not sure if this is correct or not) for both the slider as well as the button locators

@plain-potato-68806 It's this component right? https://codepen.io/bennettfeely/pen/ndwdGA

You don’t need cy.then

@adventurous-whale-33899 I tried it on the actual application where we enhanced this component. For example, in this sample site, the component type is input (

<input id="confirm"

) whereas in my case it's a

div

I would provide an example exactly like the one you need

I will try to provide the code snippet on Monday .. but what I can see while inspecting the element the main component is a

div

and I have a

button

which we need to drag to the right