如何为字段值选择“颜色”并滚动字段的参数值？

Question

http://www.html5rocks.com/en/tutorials/forms/html5forms/input-types.html

导航到上面的网址后，您会发现有两个名为“WHAT，是您最喜欢的颜色？”的字段。和“什么，是空载吞咽的空速？1（m / s）”。第一个只接受颜色值（你必须选择颜色）和第二个，你需要滚动其中的栏来设置值。

我尝试过为第二个更改Type , Value属性但是没有用。我不知道如何接近Color字段。 那么，我将如何使用Webdriver + java自动化这两个字段？

Answer 1

您可以使用javascript executor直接使用颜色，例如：

String color="return document.getElementById('color').value='#88AAFF';";

JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript(color);

//要移动滑块，请使用以下代码行：

  js.executeScript("javascript:document.getElementById(\"airspeed_velocity\").value=30;");
  System.out.println("Value : "+findElement.getAttribute("value"));