Cucumber 黄瓜水豚滚动到页面底部

Cucumber 黄瓜水豚滚动到页面底部,cucumber,capybara,Cucumber,Capybara,我想使用Cucumber/Capybara设置来测试无休止的滚动,通过驱动浏览器并滚动到页面底部来确保加载新内容。有什么方法可以做到这一点吗?我通过在“滚动到页面底部”步骤中访问“#footer”解决了这个问题。您可以使用javascript实现这一点: page.execute_script "window.scrollBy(0,10000)" 这仅当您有一个id为footer的元素时有效。它还(合理地)假设页脚位于页面底部……非常好+1即使不是直接的回答;))@NatRitmeyer是的。

我想使用Cucumber/Capybara设置来测试无休止的滚动,通过驱动浏览器并滚动到页面底部来确保加载新内容。有什么方法可以做到这一点吗?

我通过在“滚动到页面底部”步骤中访问“#footer”解决了这个问题。

您可以使用javascript实现这一点:

page.execute_script "window.scrollBy(0,10000)"

这仅当您有一个id为
footer
的元素时有效。它还(合理地)假设页脚位于页面底部……非常好+1即使不是直接的回答;))@NatRitmeyer是的。。。这就是为什么它被称为页脚,是吗?确实是:)但是你从未见过不在页面底部的#页脚吗?除了讨论页脚放置的位置外,它还假设页脚已加载!我来这里是想找到一种方法来截取页面底部部分的屏幕截图,如果页面出现一些故障,这种方法将不起作用:/JS解决方案在这种情况下更安全一些。出于谷歌的目的,我在这里遇到了错误“未知错误:元素在点(750341)处不可点击”。其他元素将收到点击”解决方案是
page.execute_脚本“window.scrollBy(0500)”
。谢谢如果您有可用的jQuery,您可以运行
window.scrollBy(0,$(window.height())
不幸的是,这在我的Angular应用程序中不起作用,我还不知道为什么。为了和您在访问“#footer”时的评论一样挑剔,这只在页面高度小于10000个单位时起作用。@ArnaudMeuret我向您的学究致敬:)