Is visible
Methods
isVisible
addon/-private/properties/is-visible.js:96-117
Validates if an element or set of elements are visible.
Parameters
selector
string CSS selector of the element to checkoptions
Object Additional optionsoptions.scope
string Nests provided scope within parent’s scopeoptions.at
number Reduce the set of matched elements to the one at the specified indexoptions.resetScope
boolean Override parent’s scopeoptions.multiple
boolean Check if all elements matched by selector are visibleoptions.testContainer
String Context where to search elements in the DOM
Examples
// Lorem <span>ipsum</span>
const page = PageObject.create({
spanIsVisible: PageObject.isVisible('span')
});
assert.ok(page.spanIsVisible);
// <span>ipsum</span>
// <span style="display:none">dolor</span>
const page = PageObject.create({
spansAreVisible: PageObject.isVisible('span', { multiple: true })
});
// not all spans are visible
assert.notOk(page.spansAreVisible);
// <span>ipsum</span>
// <span>dolor</span>
const page = PageObject.create({
spansAreVisible: PageObject.isVisible('span', { multiple: true })
});
// all spans are visible
assert.ok(page.spansAreVisible);
// Lorem <strong>ipsum</strong>
const page = PageObject.create({
spanIsVisible: PageObject.isVisible('span')
});
// returns false when element doesn't exist in DOM
assert.notOk(page.spanIsVisible);
// <div>
// <span style="display:none">lorem</span>
// </div>
// <div class="scope">
// <span>ipsum</span>
// </div>
const page = PageObject.create({
spanIsVisible: PageObject.isVisible('span', { scope: '.scope' })
});
assert.ok(page.spanIsVisible);
// <div>
// <span style="display:none">lorem</span>
// </div>
// <div class="scope">
// <span>ipsum</span>
// </div>
const page = PageObject.create({
scope: '.scope',
spanIsVisible: PageObject.isVisible('span')
});
assert.ok(page.spanIsVisible);
Returns Descriptor