How to focus element in protractor

Question

I am using Protractor for automation. There is a page in an application where there is one web element button which Protractor can not find while execution. That web element is present in DOM but it is not visible on screen. Protractor is able to find & click the element only when we scroll down in application. But this is not a good approach as every time I have to place the code of page_Down.

Any help here ?

That's desired behaviour. Protractor behaves like a user. A user can't press a button, that is out of sight . There is an option to scroll down until an element is visible. Try with that. — Ernst Zwingli
– Ernst Zwingli, Commented Nov 26, 2017 at 13:58
@ErnstZwingli: Thanks for letting me know. You suggested that there is option to scroll down until an element is visible. Could you please let me know about this option. — Santosh
– Santosh, Commented Nov 27, 2017 at 5:59

Ernst Zwingli · Accepted Answer · 2017-11-27 11:14:07Z

You can simply use ele.scrollIntoView(true) method to make an element visible in view port.

var button = element(by.buttonText("Login")); browser.executeScript("arguments[0].scrollIntoView(true)",button.getWebELement()): browser.wait(EC.elementToBeClickable(button),5000); button.click();

Here you find the JavaScript definition of scrollIntoView()

I faced synchronization issues, this worked for me: browser.wait(EC.elementToBeClickable(button),5000).then(()=>{ browser.executeScript("arguments[0].scrollIntoView(true)",button.getWebElement()); ; });

Collectives™ on Stack Overflow

How to focus element in protractor

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related