如何為字段值選擇“顏色”並滾動字段的參數值？

Question

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

導航到以上URL后，您會發現有兩個字段名為“什么，您最喜歡的顏色？”。 和“什么是空載吞咽的空速？1（m / s）”。 第一個僅接受顏色值（必須選擇顏色），第二個需要滾動其內部的欄以設置值。

我嘗試通過更改第二個的Type , Value屬性來嘗試，但是沒有用。 而且我不知道如何處理“顏色”字段。 那么，如何使用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"));