javascript - Protractor scrolling through executeScript not working - Stack Overflow

admin管理员组

文章数量:1415145

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-plex')).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-plex')).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.

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-plex')).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-plex')).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.

• javascript
• angularjs
• google-chrome
• protractor
• end-to-end

Share Improve this question Follow edited Jun 9, 2015 at 21:01 alecxe 475k127127 gold badges1.1k1.1k silver badges1.2k1.2k bronze badges asked Jun 9, 2015 at 16:45 saiy2ksaiy2k 1,86211 gold badge2323 silver badges4343 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

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

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

elm.click();

I solved this issue using

window.scrollTo(x, y)

code:

var elm = element.all(by.css('.item.item-plex')).get(9);

elm.getLocation()
    .then(function (location) {
        return browser.executeScript('window.scrollTo(' + location.x + ', ' + location.y + ');')
    })
    .then(function () {
        return elm.click();
    })
})

本文标签： javascriptProtractor scrolling through executeScript not workingStack Overflow