automation - WebDriverIO : scrollIntoView action scrolls element outside Viewport?

Question

我正在使用 WebDriverIO ("webdriverio": "^7.14.1")。通常，scrollIntoView() 操作会按预期工作。但有时，它会将元素滚动到视口(viewport)之外，例如，它将元素滚动到隐藏/ View 之外的页面顶部一行(我希望您理解这一点)。

现在，这种情况经常发生在我身上，所以我的测试因此不稳定。

await $('#licenseName').scrollIntoView();

有什么建议可以克服这个问题吗？谢谢

Answer 1

我可以使用 scrollIntoViewOptions 解决此问题，如下所示:

await $('#licenseName').scrollIntoView({block:'center'});

元素滚动到屏幕中心，因此始终位于视口(viewport)中。