Continue if element is not visible in protractor

Question

I want to check if an element is visible and if it's not, I want my test to continue with something else.

The problem is that if element is not visible, nothing seems to be working... I've already tried isDisplayed(), isPresent(), invisibilityOf()... but test fails if element is not visible. Eg.

 element(myElement).isDisplayed().then(function(result) {
      if (result) {
      //do something
      }
    else {
     //do something else
     }
    }

This works just fine if myElement is present. But if not, test fails with error: No element found using locator: By.cssSelector(myCss). So somehow it doesn't resolve the promise returned by isDisplayed(), so it never goes to else section. What can I do to keep my test running if element is not displayed?

I am in same situation.Do we have any correct solution for the above question? — Devleena, Sep 25 '18 at 05:05

Segg3r · Answer 1 · 2017-04-21T18:33:10.970

2

You can chain promises to resolve this issue. This function will return true only if element both is present and is displayed.

var isApproachable = function(element) {
  return element.isPresent().then(function(present) {
    return present
      ? element.isDisplayed()
      : false;
  });
}

isApproachable(myElement).then(function(approachable) {
  if (approachable) ...
});

edited Apr 21 '17 at 18:33

answered Mar 24 '16 at 14:50

Segg3r

466
3
6

Thanks! But unfortunatelly this doesn't solve my issue. What I need is something like this: if (myElement is displayed) { //do something} else {do something else}. This works fine with isDisplayed() if element is there, but if my element is not present, it will never go to else section, it always fails... – oc.bara Mar 25 '16 at 07:59
Sorry my mistake. You can still access boolean value inside of the resolved promise: isApproachable(myElement).then(function(approachable) { blabla }); – Segg3r Sep 27 '16 at 13:31

score 1 · Answer 2 · answered Mar 25 '16 at 13:22

To clarify, isDisplayed requires an element actually be rendered in the browser. isPresent means the element is listed in the dom (and/or visible).

isDisplayed will fail if the element doesn't exist, so you can't use it to test for existence. You need to use isPresent.

You can test this thusly:

describe('isPresent', function() {
    it('should not fail if element does not exist', function() {
        browser.get('http://google.com');
        // this will fail if you use isDisplayed
        $('#doesNotExist').isPresent().then(function(inDom) {
            if(inDom) {
                console.log('I EXIST!!!!1!');
            } else {
                console.log('NOT HERE...');
            }
        });
    });
});

score 0 · Answer 3 · answered Aug 09 '16 at 23:08

You could trap the error in an empty function. This is however dangerous if a different error occurs besides the "No element found using locator: By.cssSelector(myCss)" error you get, such as "Stale element".

element(myElement).isDisplayed().then(function(result) {
  if (result) {
    //do something
  }
  else {
    //do something else
  }
}.thenCatch(function(err) {};

Continue if element is not visible in protractor

3 Answers3

Linked