How to move slider left or right in webdriver

[prakash suryawanshi]

Hi,

Try to move slider(0 hr -24 hr) using webdriver in www.goibibo.com.

I tried below code for it but not working.

          WebDriver driver = new ChromeDriver();

 

          driver.get("http://www.goibibo.com/bus/#bus-Pune-Mumbai-20140731--1-0-0-");

WebElement Slider = driver.findElement(By.cssSelector("#slider-rangeo > a:nth-child(3)"));

Actions builder = new Actions(driver);

org.openqa.selenium.interactions.Action dragAndDrop =

builder.clickAndHold(Slider).moveByOffset(40,0).release().build();

dragAndDrop.perform(); 

Please refer attached snap for screenshot of the same.

regards,

praaksh

[darrell]

A few problems with this code. First, the locator is assuming the structure of the slide has four elements under the "#slider-rangeo" element. If you are looking at the anchors and don't want to assume there are two other elements mixed with the two anchors you can use "#slider-rangeo a:nth-of-type(2)". I think it should be safe to assume the slider will only have two anchor elements (the left and right sliders). This new locator does not assume there are only four elements (they might need to add spans or divs to remain compatible to future browsers) and it does not assume the anchors are children of the "#slider-rangeo" element (they could become grandchildren in the future).

Second, there is a lot going on the page before the slider is rendered. When you load the page you will see that the slider isn't immediately present. So it might be generated by javascript. It could be hidden and the javascript makes it visible but looking at the DOM I see that it doesn't actually exist and the javascript generates the element then makes it visible. So you need to use a WebDriverWait to wait for the element to be rendered. Next, there is that "Please wait" dialog. It makes the slider not visible. So you want a second wait condition to wait for the slider to be visible. Both these means you want to wait on the locator. You cannot wait on the element because it isn't even available to wait for. Waiting for the locator means no chance for a NoSuchElementException.

Third, if you are grabbing the right side of the slider (which I believe you are trying to do) the it can only move left. Positive values for X are a move right. You need to supply a negative value if you want to move it 40 pixels to the left.

Fourth, you want to drag and drop the element. You might be able to get away with clickAndHold().moveByOffset().release().build().perform() OR a dragAndDrop().build().perform(). You seem to be trying a mix of the two.

The complete code with all these fixes would be:

      driver.get("http://www.goibibo.com/bus/#bus-Pune-Mumbai-20140731--1-0-0-");

      WebDriverWait wdw = new WebDriverWait(driver, 10);

      By locator = By.cssSelector("#slider-rangeo>a:nth-of-type(2)");

      wdw.until(ExpectedConditions.presenceOfElementLocated(locator));

      wdw.until(ExpectedConditions.visibilityOfElementLocated(locator));

      WebElement sliderRight = driver.findElement(locator);

      Actions a = new Actions(driver);

      a.dragAndDropBy(sliderRight, -40,0).build().perform();

[prakash suryawanshi]

Hi Darrell,

I tried ur code and its working.Thank u very much.

regards,

prakash