I have a Vue application with three sliders and I am using Cypress to do E2E testing. What is strange, however, is that the .click() only works once on a slider.

The code works independently. So if I type

cy.get("#priceSlider").click(300, 0);

it works. When I instead type

cy.get("#priceSlider").click(50, 0);

it works as well. However, when I type both

cy.get("#priceSlider").click(300, 0);
cy.get("#priceSlider").click(50, 0);

the latter doesn't work, no matter what value.

Here is the first click before and after:

And then the before and after of the second click:

As you can see, nothing happens. Why is that? and how can I click on my slider multiple times?