Test conditions on elements

.hasClass

Returns true if the element has the css class.

Attribute signature

PageObject.hasClass(cssClass, selector [, scope: ''])

Example

<img class="img is-active" src="...">
var page = PageObject.create({
  isImageActive: PageObject.hasClass('is-active', '.img')
});

assert.ok(page.isImageActive(), 'Image is active');

.notHasClass

Returns true if the element doesn’t have the css class.

Attribute signature

PageObject.notHasClass(cssClass, selector [, scope: ''])

Example

<img class="img is-active" src="...">
var page = PageObject.create({
  isImageDeactivated: PageObject.notHasClass('is-active', '.img')
});

assert.ok(page.isImageDeactivated(), 'Image is not active');

.isVisible

Returns true if the element exists and is visible.

Attribute signature

PageObject.isVisible(selector [, scope: ''])

Example

<img class="img" src="...">
var page = PageObject.create({
  isImageVisible: PageObject.isVisible('.img')
});

assert.ok(page.isImageVisible(), 'Image is visible');

.isHidden

Returns true if the element doesn’t exist or it exists and is hidden.

Attribute signature

PageObject.isHidden(selector [, scope: ''])

Example

<img class="img" style="display:none" src="...">
var page = PageObject.create({
  isImageHidden: PageObject.isHidden('.img')
});

assert.ok(page.isImageHidden(), 'Image is hidden');

.contains

Returns true if the given text is found within element’s text.

Attribute signature

PageObject.contains(selector [, scope: ''])

Example

<h1> Page Title </h1>
var page = PageObject.create({
  titleIncludes: contains('h1')
});

assert.ok(page.titleIncludes('Page'));