Webdriver.io 滚动列表

【问题标题】：Webdriver.io Scroll ListWebdriver.io 滚动列表
【发布时间】：2018-08-12 14:43:05
【问题描述】：

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

提前致谢。

【问题讨论】：

请给我们minimal reproducible example！

标签： node.js e2e-testing webdriver-io codeceptjs

【解决方案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

【讨论】：