CODEWITHSUNDEEP
protractor
Peter Boomsma
Peter Boomsma

Reputation: 9808

Protractor can't find element by binding

I'm trying to find a element by binding, the problem is that the the element is an toast.

I'm using:

element(by.css('.btn-primary3')).click()

To simulate the click. As a result the toast does appear in the browser during the test.

Then I'm trying to store the element in a variable and test if the text value of the toast is equal to the expected value.

var toast = element(by.binding('toast.toast.title'));
expect(toast.getText()).toEqual('Inloggen mislukt');

But here the error pops up.

Failed: No element found using locator: by.binding("toast.toast.tile")

When I check the toast element in the the Chrome dev tools it shows up like this,

<div data-ng-repeat="toast in activeToasts">
    <span data-ng-bind="toast.toast.title" class="ng-binding"> Inloggen mislukt</span>
</div>

I think the problem comes from the fact that that the span containing the binding doesn't exist on the dom when the page is loaded. It gets created when the button is clicked.

Upvotes: 1

Views: 1957

Answers (2)

scott iler
scott iler

Reputation: 1

May you should try:

<div data-ng-repeat="toast in activeToasts">
    <span data-ng-bind="toast.toast.title" class="ng-binding"> Inloggen mislukt</span>
</div>

Upvotes: 0

alecxe
alecxe

Reputation: 473833

If this is the case, wait for the presence of the element after clicking the button:

element(by.css('.btn-primary3')).click();
var toast = element(by.binding('toast.toast.title'));

browser.wait(EC.presenceOf(toast), 5000);
expect(toast.getText()).toEqual('Inloggen mislukt');

Upvotes: 1

Related Questions