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