How to test the jQuery UI slider widget with Selenium IDE?

Question

We are using the jQuery UI slider widget in our web application and we want to automate testing of the UI with selenium IDE. We can\'t find a way to move the slider with seleniu

Answer 1

You can use the dragAndDrop command to move the slider. The following worked for me:

dragAndDrop | css=.ui-slider-handle | +100,0

This moves the slider 100 pixels to the right of its current position.

Answer 2

there is only one (horrible) solution for this. You will have to interact with the slider thought its jquery api.

selenium has a runScript method where you can pass some javascript to run. Do this only as your last resort though, as this will lead you down a slippery slope