Webdriver.io滚动列表

Question

我使用CodeceptJS和webdriver.io作为帮助对网站进行e2e测试。有一个ul（无序列表），我想向下滚动到这个列表。有滚动条，我在滚动条上使用buttonDown和buttonUp方法来执行但无法弄清楚。

提前致谢。

Answer 1

向下滚动：

client
.url('https://www.yourwebsite.com')
.leftClick('#yourtable') // <-- should also work with .click()
.scroll(0, 500) // the higher the more we scroll

要使用键，请确保在模拟鼠标位于要向下滚动的项目之前单击列表div框。然后你可以按向下键向下：

 /*
  \uE014    "ArrowRight"
  \uE015    "ArrowDown"
 */

client
.leftClick('#yourtable') // <-- should also work with .click()
.keys('ArrowDown')
.keys('ArrowDown')
.keys('ArrowDown')
// or
.keys('\uE015')
.keys('\uE015')
.keys('\uE015')

资料来源：api/protocol/keys.html