分度器のカラーピッカーウィンドウから色を選択する方法

Question

私は分度器を通してオートメーションのカラーピッカーウィンドウからカラーを選択しようとしています。 シナリオ：私は画面をデザインし、異なるタイトル、ボディなどの色を選択する必要があります。 その要素をクリックすると、カラーピッカーウィンドウが開きます。

要素のため

HTMLコードは、あなたが送信キーinputからて色を設定し、セレンを通じてこのポップアップを制御することはできません

<div class="app_provision" ng-hide="appDetails.operating_system=='THIRD_PARTY'"> 
<div id="app-heading-div"> 
<div class="user-detail"> 
<label class="label_normal bold-label">Title Color</label> 
<input id="title-color" class="textbox ng-valid ng-not-empty ng-dirty ng-valid-parse ng-touched" type="color" style="width:240px;" ng-model="appDetails.title_color"> 
</div> 
<div class="user-detail"> 
<label class="label_normal bold-label">Title Text Color</label> 
<input id="title-text-color" class="textbox ng-pristine ng-untouched ng-valid ng-empty" type="color" style="width:240px;" ng-model="appDetails.title_text_color"> 
</div> 

Image depicts the scenario of colour picker

Answer 1

です：

var colorInput = element(by.model("appDetails.title_color")); 
colorInput.sendKeys("#ff0000"); 

Answer 2

私は完全なHTMLスニペットを貼り付けたかどうかはわかりませんが、要素の周りとform

element(by.css('#title-color')).sendKeys('#000000') 
element(by.css('#title-color')).submit()