How to simulate scrolling with Protractor?

ionic-v1
1

Because Ionic uses it’s own way of scrolling, window.scrollTo( ) won’t work.

Is there some way to get access to $ionicScrollDelegate from my Protractor tests?

1 Like
2

I have the same question, any support for that?

3

Here is how i solved same issue

First, i disabled jsScrolling

beforeEach(function() {
  browser.addMockModule('IonicConfig', function() {
    angular.module('IonicConfig', []).config(function($ionicConfigProvider) {
      $ionicConfigProvider.scrolling.jsScrolling(false);
    });
  });
});

Then, i use browser.executeScript("document.querySelector('ion-content').scrollTop = document.querySelector('ion-content').scrollHeight") to emulate scroll to the bottom

4

While writing a test for infinite scrolling I experienced the same issue.

I think jsScrolling is necessary for infinite scrolling (not entirely sure, haven’t tested it).

Anyway, I took a slightly less invasive approach;

browser.addMockModule('ionicScrollDelegate', () => {
  const run = ($ionicScrollDelegate) => {
    window.$ionicScrollDelegate = $ionicScrollDelegate;
  };
  run.$inject = ['$ionicScrollDelegate'];
  angular.module('ionicScrollDelegate', []).run(run);
});

To check infinite scrolling loading more table rows I did the following;

browser.executeScript('window.$ionicScrollDelegate.scrollBottom();');
browser.wait(protractor.ExpectedConditions.presenceOf($('.row20')), 10000);