Triggerable
Methods
triggerable
addon/-private/properties/triggerable.js:73-93
Triggers event on element matched by selector.
Parameters
event
string Event to be triggeredselector
string CSS selector of the element on which the event will be triggeredoptions
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 Ignore parent scopeoptions.testContainer
String Context where to search elements in the DOMoptions.eventProperties
String Event properties that will be passed to trigger function
Examples
// <input class="name">
// <input class="email">
const page = PageObject.create({
focus: triggerable('focus', '.name')
});
// focuses on element with selector '.name'
page.focus();
// <input class="name">
// <input class="email">
const page = PageObject.create({
enter: triggerable('keypress', '.name', { eventProperties: { keyCode: 13 } })
});
// triggers keypress using enter key on element with selector '.name'
page.enter();
// <div class="scope">
// <input class="name">
// </div>
// <input class="email">
const page = PageObject.create({
focus: triggerable('focus', '.name', { scope: '.scope' })
});
// focuses on element with selector '.scope .name'
page.focus();
// <div class="scope">
// <input class="name">
// </div>
// <input class="email">
const page = PageObject.create({
scope: '.scope',
focus: triggerable('focus', '.name')
});
// clicks on element with selector '.scope button.continue'
page.focus();
Returns Descriptor