How can I test that an element does not exist on the page with Protractor?

Question

I am trying to test if an element is not present on a page.

I have tried using the following method, but I get an error each time:

Method:

expect(element(CastModule.PersonXpath).isDisplayed()).toEqual(false);

Error: Failed: Timed out waiting for Protractor to synchronize with the page after seconds. Please see https://github.com/angular/protractor/blob/master/docs/f ...

What method do you recommend?

score 6 · Answer 1 · edited May 23 '17 at 12:18

6

The error should not be related to the checking for the absence of an element. Try the following:

var elm = element(CastModule.PersonXpath);
expect(browser.isElementPresent(elm)).toBe(false);

See also:

In protractor, browser.isElementPresent vs element.isPresent vs element.isElementPresent

edited May 23 '17 at 12:18

Community

1
1

answered Jan 29 '16 at 23:57

alecxe

462,703
120
1,088
1,195

Lulz @alecxe... you submitted before me! – Brine Jan 30 '16 at 00:02
getting error `element` is not a function in karma report – 151291 Mar 26 '18 at 09:46

score 4 · Answer 2 · answered Jan 29 '16 at 23:59

4

Yeah, testing for NOT visible can be sucky. You should be able to use isPresent(), which means in the dom, where isDisplayed() means it's actually visible, which I'm thinking is your issue. Try...

expect(element(CastModule.PersonXpath).isPresent()).toEqual(false);

You may also want to break this out into a method and use an Expected Condition.

answered Jan 29 '16 at 23:59

Brine

3,733
1
21
38

Cool, thanks. And for e.g if i check that after "x" minutes the element is not displayed anymore what do i need to use? – user3188198 Feb 08 '16 at 16:40

score 1 · Answer 3 · edited Oct 31 '16 at 00:46

1

To check for visibility (in case isDisplayed or isPresent isn't working), just use:

 if (!EC.invisibilityOf(ug.personXpath)) {
   throw new Error("Partner logo is not displayed");
 }

edited Oct 31 '16 at 00:46

Tom Fuller

5,291
7
33
42

answered Mar 30 '16 at 10:28

user3188198

111
1
2
7

score 1 · Answer 4 · answered Mar 30 '16 at 14:14

The error doesn't look like it's to do with the element being displayed. It looks like it's to do with page synchronization. Try ignoring the sync, then waiting for angular above the expect with:

browser.ignoreSynchronization = true;
browser.waitForAngular();
expect(element(CastModule.PersonXpath).isDisplayed()).toEqual(false);

score 0 · Answer 5 · edited Oct 31 '16 at 00:46

I managed to find out a solution, using the protractor library.

var EC = protractor.ExpectedConditions;     browser.wait(EC.invisibilityOf(element(by.xpath(CastModule.PersonXpath))), 5000).then(function() {
            if (EC.invisibilityOf(element(by.xpath(x.LanguagesXpath)))) {
                console.log("Persons module is not present - as expected for this scenario");
            } else {
                throw new Error("Element STILL present");
            }
        });
    });

score 0 · Answer 6 · answered Apr 24 '19 at 03:45

You can also try below code to handle element displayed or not. Below code returns true or false according to the visibility of the element.

browser.wait(() => {
 return element(by.className("claasName")).isDisplayed()
      .then(
           (hasDisplayed) => {
              console.log("Has displayed: "+ hasDisplayed);
              return hasDisplayed === false;
            }
        );
   }, 5000)
        .then(
            () => {
                return true;
            },
            () => {
                return false;
            }
        )

score -1 · Answer 7 · answered Feb 22 '18 at 11:02

To use presence of element use:

var elm =  element(CastModule.PersonXpath);
                elm.isPresent().then(function (present) {
                    if (present) {
                         element(CastModule.PersonXpath).then(function (labels) {

                        });

                    } else {
                        console.log('Element did not found');

                    }`enter code here`

score -1 · Answer 8 · edited Oct 17 '18 at 00:10

-1

expect(elem.isNull===undefined).to.be.equal(true);

edited Oct 17 '18 at 00:10

scopchanov

7,966
10
40
68

answered Oct 16 '18 at 09:03

Amit Prabhu

47
5

How can I test that an element does not exist on the page with Protractor?

8 Answers8