make protractor wait for the select element to get populated with options on selecting a option in another Select element

Question

I got two Select elements, select1 and select2. Selecting a option in select1 will populate with options in select2. I'm able to select the option in select1, but want to make protractor wait for the options to get populates in select2 and then select a option in select2 element.

i tried to use

    selectOrganizationElement.all(by.tagName('option')).filter(function(element){
        return element.getText().then(function(text){
            return text === value1;
        });
    }).click().then(function(){
        selectSchoolElement.all(by.tagName('option')).filter(function(element){
            return element.getText().then(function(text){
                return text === value2;
            });
        }).click();
    });

but its not able to select.

any Suggestions?

Answer 1

Try adding a browser.wait call. This would wait until there's at least one option in the selectSchoolElement :

browser.wait(function() {
  return selectSchoolElement.all(by.tagName('option')).count().then(function(count) {
    return count > 0;
  });
}, 5000);

If you want, you can make it smarter and specifically wait for the option you want to select.