saiy2k saiy2k - 19 days ago 6
AngularJS Question

Protractor scrolling through executeScript not working

I am testing my Ionic app.

In one page, the button to be clicked is out of the bounds of the window.
Hence the following code:

element.all(by.css('.item.item-complex')).get(9).click();


throws the error:


ElementNotVisibleError: element not visible


Hence, I am trying to scroll down the page to make the button visible in page and then try emulating the click on it. I am using the following code:

browser.executeScript('window.scrollTo(0, 200);').then(function() {
element.all(by.css('.item.item-complex')).get(9).click();
expect(browser.getTitle()).toEqual('Vegeta The Prince');
});


But the scrolling is not happening with the above code. Please help!

I am using Google Chrome.

Answer

When I encounter issues like this, I scroll into view:

var elm = element.all(by.css('.item.item-complex')).get(9);
browser.executeScript("arguments[0].scrollIntoView();", elm.getWebElement());

elm.click();