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

Question

Hi,

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 selenium's commands. Can it be done?

Answer 1

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

Answer 2

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 3

If you have several sliders, the command to move one of them is css=#id .ui-slider-handle

Thanks to Dave for the answer!