如何滾動到彈出窗口中的元素 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 的 scrollBy 方法：

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

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