在 e2e 测试茉莉花/量角器中的 Ionic 3 无限滚动模拟 [英] Ionic 3 infinite-scroll simulate in e2e test jasmine/protractor

问题描述

如果你去这里:

然后在控制台输入:$0.scrollIntoView()

永远不会触发无限滚动.

有没有办法在量角器上下文中以编程方式触发无限滚动?

解决方案

你的例子中滚动的实现依赖于滚动的速度/速度，当 scrollIntoView 被调用.

一种解决方法是通过在合理的时间内发出多个滚动事件来模拟平滑滚动.这个想法是尽可能地重现真实用户的行为.

一些浏览器已经通过 scrollIntoView 提供了该选项(Chrome 62 支持):

$0.scrollIntoView({behavior: "smooth", block: "end"});

If you go here: http://ionicframework.com/docs/api/components/infinite-scroll/InfiniteScroll/

Inspect the demo and click the last item on the list:

Then in the console type: $0.scrollIntoView()

Infinite Scroll is never triggered.

Is there a way to programmatically trigger infinite-scroll in protractor context?

解决方案

The implementation of the scroll in your example rely on the speed/velocity of the scroll which I guess falls far from the expected range when scrollIntoView is called.

One workaround is to simulates a smooth scroll by emitting multiple scroll events over a reasonable time. The idea is to reproduce as close as possible the behavior of a real user.

Some browsers already provides the option via scrollIntoView (supported by Chrome 62) :

$0.scrollIntoView({behavior: "smooth", block: "end"});

这篇关于在 e2e 测试茉莉花/量角器中的 Ionic 3 无限滚动模拟的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！