Georgi Naumov Georgi Naumov - 9 days ago 6
Javascript Question

cucumber-js and Chai how to expect if element with given selector exist in DOM

I have a problem with cucumberjs. I cannot find a way to ensure
that element with given selector is presented into DOM. I'm using
cucumberjs with Chai.
https://github.com/cucumber/cucumber-js
isPresent returns object - no matter if the element exists or not.
So the question is how to check if element is present in DOM.

I will edit the question to share one learned lesson. I read the documentation also want to thanks to Nathan Thompson. isPresent()
returns a promise that will resolve to whether the element is present on the page.

http://angular.github.io/protractor/#/api?view=Protractor.prototype.isElementPresent

The code examples is a little misleading.
So if you want to expect if element with a given selector exist in DOM you must use something like this:

element(by.id('someId')).isPresent().then(function(isElementVisible) {
expect(isElementVisible).to.be.true;
});


Or use chai with promises.

expect(element.isPresent()).to.eventually.be.false


However, the word "eventually" sounds unpleasant. We want to be sure not eventually sure. :)

Here can be viewed article about this question into my personal blog.

Answer

Almost all functions in Protractor return promises that will resolve into the values you actually want to test against. So if you're just trying to do something like the following, it will always fail because it's asserting on the promise object returned by isPresent:

expect(element.isPresent()).to.be.false

I would recommend using the chai-as-promised plugin for Chai to handle situations like this. It provides the eventually chain that will resolve promises for you and assert on the resulting value. The above example would look like this:

expect(element.isPresent()).to.eventually.be.false