如何在 selenium webdriver 中自动输入 type=“color” [html5 color picker]？答案

【问题标题】：How to automate input type=“color” [ html5 color picker ] in selenium webdriver?如何在 selenium webdriver 中自动输入 type=“color” [html5 color picker]？
【发布时间】：2020-02-24 13:20:57
【问题描述】：

场景：选择颜色，然后关闭窗口。当我单击 html 元素颜色（输入类型=颜色）时，它会打开一个颜色选择器，它是一个弹出窗口。我无法查看窗口的 DOM。我想单击任何颜色并关闭窗口，或者在弹出窗口的文本框中输入任何十六进制代码。请帮助我提供相同的代码

请注意 - 尝试使用此解决方案 How to automate input type="color" in selenium webdriver? 但它在 html5 上对我不起作用。

【问题讨论】：

但它在 html5 上对我不起作用。您遇到任何异常还是什么都不做？
它什么都不做，
也许使用 JavaScript 来设置值，并使用 JavaScript 在 <input> 元素上触发 onchange 事件？您能否更详细地描述“它什么都不做”的意思？显然，页面上什么都没有发生？

标签： javascript html selenium automation

【解决方案1】：

相信您想在用户选择颜色并点击关闭按钮/输入十六进制值后使用输入颜色框的值。使用以下方法获取输入颜色框的值：

<body>

<input type="color" onchange="changeFunction(this)">

<script>

function changeFunction(element)
{
  console.log(element.value)
}

</script>
</body>

【讨论】：

如果您需要输入类型颜色的任何其他信息，请询问。你到底想达到什么目标？
我想从颜色选择器弹出窗口中选择任何颜色并关闭窗口。
这是默认行为。您选择颜色，然后手动关闭窗口。它为我工作。你的意思是 - 一旦你从颜色选择器弹出窗口中选择了颜色，窗口应该会自动关闭？
我的意思是 - 选择颜色，然后手动关闭窗口。请建议在哪里使用此代码基本上我想编写自动化脚本 [使用 selenium]
一旦你选择了颜色然后手动关闭窗口，changeFunction就会被调用。您将获得所选颜色的值。用它做任何你想做的事......