javascript - 如何在 selenium webdriver 中自动输入类型 ="color"?

标签 javascript css html selenium

enter image description here

场景: 选择颜色,输入其他详细信息并保存。 当我单击 html 元素颜色(输入类型 = 颜色)时,它会打开一个颜色选择器,它是一个弹出窗口。

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

元素的默认值为空。如果不选择颜色,我将无法保存此表格。 我尝试使用 js 命令设置元素的值。

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

这会改变颜色的值,但不会影响 UI 或保存。

我怎么处理这个,我不擅长 scite 脚本。任何帮助。 谢谢。

最佳答案

试试下面的代码

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

关于javascript - 如何在 selenium webdriver 中自动输入类型 ="color"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47386482/

相关文章:

javascript - 是否可以强制 div 占用屏幕的高度

用于 twitter-bootstrap 的固定导航栏的 Javascript 在链接多个页面时不起作用?

jquery - 使两个高度可调的列在主 div 内具有 100% 的高度

javascript - PHP 'include'函数的现代JS方法

javascript - Jquery隐藏下拉列表不起作用

javascript - Promise.resolve 对象不是构造函数

javascript - 设置属性时如何检查值是否有效

jquery - 为什么我的输入在 Bootstrap 中的格式不正确

html - 带有粒子 js 的响应式背景图像

php - 使用mysql数据库中的最新值获取选择框以设置默认值