Protractor doesn't recognize element although it is visible

Question

I have trouble with Protractor ignoreSynchronization.

I was not able to log in without using browser.ignoreSynchronization = true. After login ignoreSynchronization was not needed any more.

Here is the login code:

browser.driver.get('xxx');

browser.ignoreSynchronization = true;

$('#input-idCode').sendKeys(idCode);
$('#input-phoneno').sendKeys(mobileNum);
$('.mobile-id').click();

browser.wait(EC.presenceOf(nextButton), 15000);
browser.ignoreSynchronization = false;

In the next case, I am also testing Angular website, but the same solution did not work any more. After logging in I am redirected to main page and get error message: Failed: Timed out waiting for Protractor to synchronize with the page after 60 seconds. although the element I want to interact with is visible.

What could be the problem? I don't want to run tests with ignoreSynchronization = true.

If your error is "Timed out waiting for Protractor to synchronize...", that is not related to elements. Ask your devs if the app continuously polls $http or $timeout, typically used in a keepAlive service. See this document for reference. — Gunderson

Florent B. Florent B. · Accepted Answer · 2016-11-01T13:38:59

In your code, the get, sendKeys and click are executed asynchronously but browser.ignoreSynchronization is assigned synchronously. So when the control flow executes driver.get, the property ignoreSynchronization is already set to false.

To overcome this issue, push the assignment in the control flow:

browser.driver.get('xxx');

browser.controlFlow().execute(function() {
  browser.ignoreSynchronization = true;
});

$('#input-idCode').sendKeys(idCode);
$('#input-phoneno').sendKeys(mobileNum);
$('.mobile-id').click();

browser.wait(EC.presenceOf(nextButton), 15000);

browser.controlFlow().execute(function() {
  browser.ignoreSynchronization = false;
});

Protractor doesn't recognize element although it is visible

2 Answers