Only first page elements can be found with selectors in Ionic 3

Bug report Hi!

In Ionic3, I can normally find the HTML elements with ‘$’ selector like: $('#start-game'), but when I start the game, which leads me to the next Page (executed with nav.setRoot or nav.push), then it doesn’t find me any HTML elements anymore, but I get the error instead (provided below).

I already tried to set some browser.wait on hundred ways but nothing helps.

• Node Version: 6.10.2
• Protractor Version: 5.1.2
• Angular Version: 4.1.0
• Browser(s): Chrome
• Operating System and Version Win 10
• Your protractor configuration file: https://pastebin.com/1g7j4Ekf
• A relevant example test const goalWrapper = $('#goal-wrapper'); const until = protractor.ExpectedConditions; browser.wait(until.presenceOf(goalWrapper), 5000, 'Element taking too long to appear in the DOM'); $('#goal-wrapper').getSize().then((size) => { // this is not executed! console.log(size); });
• Output from running the test - Failed: Timed out waiting for asynchronous Angular tasks to finish after 11 seconds. This may be because the current page is not an Angular application. Please see the FAQ for more details: https://github.com/angular/protractor/blob/master/docs/timeouts.md#waiting-for-angular While waiting for element with locator - Locator: By(css selector, .level-complete-wrapper)
• Steps to reproduce the bug: Try the code above.

[wswebcreation]

Ok,

I’m going to close this issue for now. It’s still open for discussion.

[sasos90]

I see, it was too late to think clearly 😄 The thing is that I had more examples but they were calling the same thing “getSize”, so I can simply change the selector. Let’s say thisi is now relevant test example:

const levelCompletedWrapper = $('.level-completed-wrapper');
const until = protractor.ExpectedConditions;
browser.wait(until.presenceOf(levelCompletedWrapper), 5000, 'Element taking too long to appear in the DOM');
$('.level-completed-wrapper').getSize().then((size) => { // this is not executed! console.log(size); });