如何在量角器中從顏色選擇器窗口中選擇顏色

我想從量角器中的顏色選擇器窗口中自動選擇顏色。情景是：我必須設計一個屏幕併爲不同的標題，正文等選擇顏色。只要單擊該元素，顏色選擇器窗口就會打開。爲元素如何在量角器中從顏色選擇器窗口中選擇顏色

HTML代碼

<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

來源

2016-09-28 Tanushree

所以顏色選擇器彈出框是桌面應用程序，對不對？ –

是的。 @SudharsanSelvaraj – Tanushree

不能通過硒控制這個彈出，通過發送鍵設置顏色爲input：

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

來源

2016-09-28 12:38:47 alecxe

我不確定您是否粘貼了完整的HTML片段，但應該有<form>的input元件的周圍，並嘗試提交form

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

來源

2016-09-28 15:50:13 AdityaReddy

@alecxe謝謝你指出。我編輯了我的回覆 – AdityaReddy

如何在量角器中從顏色選擇器窗口中選擇顏色

回答

相關問題