如何解决如何滚动到弹出窗口中的元素 - Javascript
我有一个场景,我们必须在注册帐户之前接受条款和条件。左侧有一个接受条款和条件的小复选框,还有一个超链接,用户可以在其中阅读条款和条件。
问题 - 当我单击超链接时,会出现一个弹出窗口,但我无法关闭此弹出窗口。
使用的 CSS 选择器:
this.acceptpolicy = Selector('[class*="terms-and-conditions_policyTextContainer__2xgGL"] [class*="checkBox_container"] label');
this.closemodelbtn = Selector('[class*="modal_close"]');
await t.click(this.acceptpolicy)
await window.scrollBy(-500,0)
await t.click(this.closemodelbtn)
当我使用上面的 window.scrollBy() 时,它会尝试滚动背景屏幕而不是弹出窗口屏幕。我正在尝试向右滚动并单击十字标记。 附上带有元素检查的弹出窗口的屏幕截图。
解决方法
您可以使用 v1.14 中引入的 TestCafe's scrollBy method:
await t.scrollBy(this.acceptpolicy,-500,0)
如果您使用的是早期版本,请不要忘记更新 TestCafe。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。