Testing the contents of a temporary element with protractor

Question

I\'m trying to test the login page on my site using protractor.

If you log in incorrectly, the site displays a \"toast\" message that pops up for 5 seconds, then dis

Answer 1

Chris-Traynor's answer worked for me but i've got an update.

ignoreSynchronization is now deprecated. For those using angular and protractor to test this, the below works nicely for me.

$(locators.button).click();
await browser.waitForAngularEnabled(false);
const isDisplayed = await $(locators.notification).isPresent();
await browser.waitForAngularEnabled(true);
expect(isDisplayed).toEqual(true);

I've simplified this to make it easier to see, I would normally place this inside a method to make the locators dynamic.