Question

我正试图通过量角器从自动颜色选择器窗口中选择颜色。场景是：我必须设计一个屏幕，并选择不同的标题，身体等颜色。一旦我点击该元素，就会打开颜色选择器窗口。

元素的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

Answer 1

您无法通过selenium控制此弹出窗口，通过发送密钥将颜色设置为input：

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

Answer 2

我不确定您是否粘贴了完整的HTML代码段，但<form>元素周围应该有一个input并尝试提交form

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

如何从量角器中的颜色选择器窗口中选择颜色

2 个答案: