セレンのwebdriverでinput type = "color"を自動化する方法は？

Question

シナリオ： 色を選択して他の詳細を入力して保存してください。 html要素の色（input type = color）をクリックすると、pop_upというウィンドウであるカラーピッカーが開きます。

<input type="color" class="form-control ng-pristine ng-valid ng-empty ng-touched" style="width: 70%;" ng-model="modalData[0].StrokeColor" placeholder="color" aria-invalid="false"> 

これは私のhtml要素です。

要素のデフォルト値はnullです。色を選ぶことなく、このフォームを保存することはできません。 私はjsコマンドを使って要素の値を設定しようとしました。

document.getElementsByClassName('form-control ng-valid ng-touched ng-not-empty ng-dirty ng-valid-parse')[0].setAttribute('value', '#32CD32') 

これは色の値を変更しますが、UIまたは保存には影響しません。

どのように私はこれを処理することができます、私はsciteスクリプトでは良くありません。助けてください。おかげさまで

Answer 1

ウィンドウのポップアップを自動化するには、コード

JavascriptExecutor js = (JavascriptExecutor) w; 
WebElement ColorElement =w.findElement(By.cssSelector("input[type='color']")); 
js.executeScript("arguments[0].setAttribute('value', '#FF0000')",ColorElement);