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

How to select colour from the colour picker window in protractor

本文关键字：颜色 选择器 窗口 选择 量角器      更新时间：2023-09-26

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

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

图片描述颜色选择器的场景

您不能通过selenium来控制这个弹出窗口，通过发送密钥到input:

来设置颜色。
var colorInput = element(by.model("appDetails.title_color"));
colorInput.sendKeys("#ff0000");

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

element(by.css('#title-color')).sendKeys('#000000')
element(by.css('#title-color')).submit()
相关文章：