Protractor waiting for element to be in DOM

angularjs selenium protractor
Tyler Pflueger picture Tyler Pflueger · May 13, 2015 · Viewed 53k times · Source

I have been having some trouble using Protractor. I have a really weird ui-router state where its hard to go off of other elements to start working with the page. Is there any way to tell protractor to wait until an element finally appears in the DOM? Not visible/displayed, but actually created? I keep trying to use wait for the element but it is clearly not available to be selected.

browser.driver.wait(function () {
    return elem.isDisplayed();
});

Answer

Michal Charemza picture Michal Charemza · May 13, 2015

You should be able to use browser.wait together with the presenceOf ExpectedCondition:

var until = protractor.ExpectedConditions;
browser.wait(until.presenceOf(elem), 5000, 'Element taking too long to appear in the DOM');

Related questions

How to select option in drop down protractorjs e2e tests

I am trying to select an option from a drop down for the angular e2e tests using protractor. Here is the code snippet of the select option: <select id="locregion" class="create_select ng-pristine ng-invalid ng-invalid-required" required="" ng-disabled="…

Read More
protractor/selenium "could not find chromedriver at" (on Windows)

I installed protractor following this tutorial and when i use webdriver-manager update it says: selenium standalone is up to date. chromedriver is up to date. thou when i try to run the protractor tests, it says: C:\Users\****\AppData\Roaming\…

Read More
Element not visible error (not able to click an element)

I want to click on a radio button, appears on a webpage. Code is as follow: HTML code: <div class="small-checkbox red-theme raleway-regular text-muted2 position-relative"> <div class="city-checkbox inline-block position-relative" ng-class="{'rounded-checkbox': main.current_city_id == 1, 'mb-20…

Read More