Set value for slider using Selenium WebDriver

Question

I have a slider:

Written by angular -js, the code is as follows:

<div class="ng-isolate-scope" data-range-slider-directive="" data-model="dataModel" data-model-property="surroundingEvnt" data-floor-value="0" data-ceil-value="10" data-max-value-plus="true">
    <div class="rzslider ng-isolate-scope" data-rz-slider-model="model[modelProperty]" data-rz-slider-options="slider.options">
        <span class="rz-bar-wrapper">
        <span class="rz-pointer rz-pointer-min" ng-style="minPointerStyle" role="slider" aria-valuenow="0" aria-valuetext="0" aria-valuemin="0" aria-valuemax="10" tabindex="0" style="left: 0px;"></span>
        // a lot of spans here            
    </div>
</div>

This is the plugin: https://github.com/angular-slider/angularjs-slider

I want to click to move the slider to a value, for example 4 or 6. But I do not know how to move the slider. Anyone have any suggestions. My tests are written in Java. Thanks

Answer 1

, , Java, , , . - , ( ) , .

angular.js slider , , . , , , WebElement . min/max , , .

/**
 * Sets the value on a horizontal angular.js slider
 * 
 * @param value
 *            the desired value
 */
public static void setHValue(WebElement slider, double value)
{
    double minValue = Double.parseDouble(slider.getAttribute("min"));
    double maxValue = Double.parseDouble(slider.getAttribute("max"));
    int sliderH = slider.getSize().height;
    int sliderW = slider.getSize().width;
    System.out.println(sliderH);
    System.out.println(sliderW);
    Actions action = new Actions(driver);
    action.moveToElement(slider, (int) (value * sliderW / (maxValue - minValue)), sliderH / 2).click().build().perform();
}

.

driver.get("https://material.angularjs.org/latest/demo/slider");
WebElement slider = driver.findElement(By.id("red-slider"));
setHValue(slider, 150);

0-255, 150 , , , . , , . , , - .moveToElement(toElement, xOffset, yOffset) Actions .