如何滚动到弹出窗口中的元素 window - Javascript

Question

我有一个场景，我们必须在注册帐户之前接受条款和条件。左侧有一个接受条款和条件的小复选框，还有一个超链接，用户可以在其中阅读条款和条件。

问题 - 当我单击超链接时，会出现一个弹出窗口，我无法关闭此弹出窗口 window。

CSS-使用的选择器：

this.acceptpolicy               = Selector('[class*="terms-and-conditions_policyTextContainer__2xgGL"] [class*="checkbox_container"] label');
this.closemodelbtn              = Selector('[class*="modal_close"]');

用 TestCafe、nodeJS 编写的代码片段：

await t.click(this.acceptpolicy)
await window.scrollBy(-500,0)
await t.click(this.closemodelbtn)

当我使用上面的 window.scrollBy() 时，它会尝试滚动背景屏幕而不是弹出 window 屏幕。我正在尝试向右滚动并单击十字标记。附上带有元素检查的弹出窗口 window 的屏幕截图。

Answer 1

您可以使用 v1.14 中引入的 TestCafe's scrollBy method：

await t.scrollBy(this.acceptpolicy, -500, 0)

如果您使用的是早期版本，请不要忘记更新 TestCafe。

如何滚动到弹出窗口中的元素 window - Javascript

How to scrollTo an element in a pop-up window - Javascript

javascript

xpath

popup

node.js

testcafe