在Internet Explorer上隐藏/删除文本输入的插入插入符号(11)



我正在进行WebdriverIO硒测试,我遇到过屏幕截图比较失败以及由于插入光标闪烁而导致测试失败的情况。

对于Chrome,我通过在断言屏幕截图之前为我的组件屏幕截图设置一个按钮来规避这个问题,该按钮使用代码隐藏插入符号

dropdownInput.style.caretColor = "#0000";

但对于Intenet explorer,caret-color属性不受支持,我尝试过使用color: transparent;text-shadow: 0 0 0 #000;和其他几个示例,但我无法使其工作。

如果有任何方法可以使用JavaScript、WebdriverIO API或一些npm包或任何解决方案来解决这个问题,请与我分享,谢谢。

我找到了一个解决方案,通过以下问题来防止硒测试失败:https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10655065/.

也就是说,将文本输入的背景色更改为#7F7F7F,这将隐藏插入插入符号的可见性。这不是一个官方解决方案,因为由于background-color,屏幕截图将与我在react故事书中的屏幕截图不同,这只是为了避免由于Chrome <54Internet Explorer/MS Edge上的插入符号闪烁而导致测试失败。

我很快就会发布一个更好的解决方案。

更新:这是过去的事了,我不知道现在的状态

最新更新