Hide/Remove Internet Explorer 上文本输入的插入符号(11)
Hide/Remove insertion caret for text-inputs on Internet Explorer(11)
我正在使用 WebdriverIO selenium 测试,我遇到过由于插入光标闪烁导致屏幕截图比较失败并且测试失败的情况。
对于 Chrome 我已经通过在使用代码
断言隐藏插入符号的屏幕截图之前单击我的组件屏幕截图按钮来绕过这个问题
dropdownInput.style.caretColor = "#0000";
但是对于 Intenet 浏览器 caret-color
属性 是不支持的,我试过使用 color: transparent;text-shadow: 0 0 0 #000;
和其他几个例子,但我无法让它工作。
如果有任何方法可以使用 JavaScript、WebdriverIO API 或一些 npm 包或任何解决方案来解决这个问题,请与我分享,谢谢。
我找到了一个变通方法来防止 selenium 测试失败,方法是遵循以下问题:
https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10655065/.
也就是说,将文本输入的背景颜色更改为 #7F7F7F
,这将隐藏插入符号的可见性。这不是官方解决方案,因为 background-color
上的屏幕截图将与我在 react-storybook 上的屏幕截图不同,这只是为了避免由于 Chrome <54
上闪烁的插入符号导致的测试失败和 Internet Explorer/MS Edge
.
我很快就会post一个更好的解决方案。
更新:这是过去的事,我不知道现在的状态
我正在使用 WebdriverIO selenium 测试,我遇到过由于插入光标闪烁导致屏幕截图比较失败并且测试失败的情况。
对于 Chrome 我已经通过在使用代码
断言隐藏插入符号的屏幕截图之前单击我的组件屏幕截图按钮来绕过这个问题dropdownInput.style.caretColor = "#0000";
但是对于 Intenet 浏览器 caret-color
属性 是不支持的,我试过使用 color: transparent;text-shadow: 0 0 0 #000;
和其他几个例子,但我无法让它工作。
如果有任何方法可以使用 JavaScript、WebdriverIO API 或一些 npm 包或任何解决方案来解决这个问题,请与我分享,谢谢。
我找到了一个变通方法来防止 selenium 测试失败,方法是遵循以下问题: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10655065/.
也就是说,将文本输入的背景颜色更改为 #7F7F7F
,这将隐藏插入符号的可见性。这不是官方解决方案,因为 background-color
上的屏幕截图将与我在 react-storybook 上的屏幕截图不同,这只是为了避免由于 Chrome <54
上闪烁的插入符号导致的测试失败和 Internet Explorer/MS Edge
.
我很快就会post一个更好的解决方案。
更新:这是过去的事,我不知道现在的状态