protractor test angular bootstrap dropdowns

Question

I have an angular-bootstrap dropdown which works as expected. When I click on the dropdown button in a protractor e2e test, the dropdown does not open. I tried browser.sleep(), browser.waitForAngular(), and browser.wait(function () {return childItem.isDisplayed();}, 1500);. The button will be clicked (css changes), the test runner waits for some time, but the dropdown does not show up. When I try to e.g. getText() from the childItem, I get

ElementNotVisibleError: Element is not currently visible and so may not be interacted with

How can I test angular-bootstrap dropdowns in my e2e tests?

Hans Poppe · Accepted Answer · 2015-02-10 11:56:33Z

2

I made a function that waits for when it is present in the HTML and after that checks if the element is vissible. Hopefully this is a possible fix for your wait problem.

this.waitUntilReady = function (elm) {
        browser.wait(function () {
            return elm.isPresent();
        },10000);
        browser.wait(function () {
            return elm.isDisplayed();
        },10000);
    };

usage:

waitUntillReady(element(by.id('superId')));

answered Feb 10, 2015 at 11:56

Hans Poppe

3232 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

protractor test angular bootstrap dropdowns

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related