siesta-lite/docs/output/Siesta.Test.Element.js

Stress-free JavaScript unit testing and functional testing tool, works in NodeJS and browsers

Ext.data.JsonP.Siesta_Test_Element({"tagname":"class","name":"Siesta.Test.Element","autodetected":{},"files":[{"filename":"Element.js","href":"Element2.html#Siesta-Test-Element"}],"members":[{"name":"assertTextPresent","tagname":"method","owner":"Siesta.Test.Element","id":"method-assertTextPresent","meta":{}},{"name":"clickAll","tagname":"method","owner":"Siesta.Test.Element","id":"method-clickAll","meta":{}},{"name":"clickSelector","tagname":"method","owner":"Siesta.Test.Element","id":"method-clickSelector","meta":{}},{"name":"contentLike","tagname":"method","owner":"Siesta.Test.Element","id":"method-contentLike","meta":{}},{"name":"contentNotLike","tagname":"method","owner":"Siesta.Test.Element","id":"method-contentNotLike","meta":{}},{"name":"elementIsAt","tagname":"method","owner":"Siesta.Test.Element","id":"method-elementIsAt","meta":{}},{"name":"elementIsEmpty","tagname":"method","owner":"Siesta.Test.Element","id":"method-elementIsEmpty","meta":{}},{"name":"elementIsInView","tagname":"method","owner":"Siesta.Test.Element","id":"method-elementIsInView","meta":{}},{"name":"elementIsNotEmpty","tagname":"method","owner":"Siesta.Test.Element","id":"method-elementIsNotEmpty","meta":{}},{"name":"elementIsNotTopElement","tagname":"method","owner":"Siesta.Test.Element","id":"method-elementIsNotTopElement","meta":{}},{"name":"elementIsNotVisible","tagname":"method","owner":"Siesta.Test.Element","id":"method-elementIsNotVisible","meta":{}},{"name":"elementIsTop","tagname":"method","owner":"Siesta.Test.Element","id":"method-elementIsTop","meta":{}},{"name":"elementIsTopElement","tagname":"method","owner":"Siesta.Test.Element","id":"method-elementIsTopElement","meta":{}},{"name":"elementIsVisible","tagname":"method","owner":"Siesta.Test.Element","id":"method-elementIsVisible","meta":{}},{"name":"findCenter","tagname":"method","owner":"Siesta.Test.Element","id":"method-findCenter","meta":{}},{"name":"hasAttributeValue","tagname":"method","owner":"Siesta.Test.Element","id":"method-hasAttributeValue","meta":{}},{"name":"hasCls","tagname":"method","owner":"Siesta.Test.Element","id":"method-hasCls","meta":{}},{"name":"hasNotCls","tagname":"method","owner":"Siesta.Test.Element","id":"method-hasNotCls","meta":{}},{"name":"hasNotStyle","tagname":"method","owner":"Siesta.Test.Element","id":"method-hasNotStyle","meta":{}},{"name":"hasSameHeight","tagname":"method","owner":"Siesta.Test.Element","id":"method-hasSameHeight","meta":{}},{"name":"hasSameWidth","tagname":"method","owner":"Siesta.Test.Element","id":"method-hasSameWidth","meta":{}},{"name":"hasStyle","tagname":"method","owner":"Siesta.Test.Element","id":"method-hasStyle","meta":{}},{"name":"hasValue","tagname":"method","owner":"Siesta.Test.Element","id":"method-hasValue","meta":{}},{"name":"isElementVisible","tagname":"method","owner":"Siesta.Test.Element","id":"method-isElementVisible","meta":{}},{"name":"isInView","tagname":"method","owner":"Siesta.Test.Element","id":"method-isInView","meta":{}},{"name":"monkeyTest","tagname":"method","owner":"Siesta.Test.Element","id":"method-monkeyTest","meta":{}},{"name":"scrollHorizontallyTo","tagname":"method","owner":"Siesta.Test.Element","id":"method-scrollHorizontallyTo","meta":{}},{"name":"scrollTo","tagname":"method","owner":"Siesta.Test.Element","id":"method-scrollTo","meta":{}},{"name":"scrollVerticallyTo","tagname":"method","owner":"Siesta.Test.Element","id":"method-scrollVerticallyTo","meta":{}},{"name":"selectorCountIs","tagname":"method","owner":"Siesta.Test.Element","id":"method-selectorCountIs","meta":{}},{"name":"selectorExists","tagname":"method","owner":"Siesta.Test.Element","id":"method-selectorExists","meta":{}},{"name":"selectorIsAt","tagname":"method","owner":"Siesta.Test.Element","id":"method-selectorIsAt","meta":{}},{"name":"selectorNotExists","tagname":"method","owner":"Siesta.Test.Element","id":"method-selectorNotExists","meta":{}},{"name":"waitForContentLike","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForContentLike","meta":{}},{"name":"waitForContentNotLike","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForContentNotLike","meta":{}},{"name":"waitForElementEmpty","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForElementEmpty","meta":{}},{"name":"waitForElementNotEmpty","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForElementNotEmpty","meta":{}},{"name":"waitForElementNotTop","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForElementNotTop","meta":{}},{"name":"waitForElementNotVisible","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForElementNotVisible","meta":{}},{"name":"waitForElementTop","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForElementTop","meta":{}},{"name":"waitForElementVisible","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForElementVisible","meta":{}},{"name":"waitForScrollChange","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForScrollChange","meta":{}},{"name":"waitForScrollLeftChange","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForScrollLeftChange","meta":{}},{"name":"waitForScrollTopChange","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForScrollTopChange","meta":{}},{"name":"waitForSelector","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForSelector","meta":{}},{"name":"waitForSelectorAt","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForSelectorAt","meta":{}},{"name":"waitForSelectorAtCursor","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForSelectorAtCursor","meta":{}},{"name":"waitForSelectorNotFound","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForSelectorNotFound","meta":{}},{"name":"waitForSelectors","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitForSelectors","meta":{}},{"name":"waitUntilInView","tagname":"method","owner":"Siesta.Test.Element","id":"method-waitUntilInView","meta":{}}],"alternateClassNames":[],"aliases":{},"id":"class-Siesta.Test.Element","short_doc":"This is a mixin, with helper methods for testing functionality relating to DOM elements. ...","component":false,"superclasses":[],"subclasses":[],"mixedInto":["Siesta.Test.Browser"],"mixins":[],"parentMixins":[],"requires":[],"uses":[],"html":"<div><pre class=\"hierarchy\"><h4>Mixed into</h4><div class='dependency'><a href='#!/api/Siesta.Test.Browser' rel='Siesta.Test.Browser' class='docClass'>Siesta.Test.Browser</a></div><h4>Files</h4><div class='dependency'><a href='source/Element2.html#Siesta-Test-Element' target='_blank'>Element.js</a></div></pre><div class='doc-contents'><p>This is a mixin, with helper methods for testing functionality relating to DOM elements. This mixin is consumed by <a href=\"#!/api/Siesta.Test\" rel=\"Siesta.Test\" class=\"docClass\">Siesta.Test</a></p>\n</div><div class='members'><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-method'>Methods</h3><div class='subsection'><div id='method-assertTextPresent' class='member first-child not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-assertTextPresent' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-assertTextPresent' class='name expandable'>assertTextPresent</a>( <span class='pre'>text, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the innerText property of the &lt;body&gt; element contains the text passed ...</div><div class='long'><p>Passes if the <code>innerText</code> property of the &lt;body&gt; element contains the text passed</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>text</span> : String<div class='sub-desc'><p>The text to match</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li></ul></div></div></div><div id='method-clickAll' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-clickAll' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-clickAll' class='name expandable'>clickAll</a>( <span class='pre'>elements, callback</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>This method accepts an array of the DOM elements and performs a mouse click on them, in order. ...</div><div class='long'><p>This method accepts an array of the DOM elements and performs a mouse click on them, in order. After that, it calls the provided callback:</p>\n\n<pre><code class=\"javascript\">t.clickAll([ el1, el2 ], function () {\n    ...\n})\n\nthe elements can be also provided inline, w/o wrapping array:\n\nt.clickAll(el1, el2, function () {\n    ...\n})\n</code></pre>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>elements</span> : Array[Siesta.Test.ActionTarget]<div class='sub-desc'><p>The array of elements to click</p>\n</div></li><li><span class='pre'>callback</span> : Function<div class='sub-desc'><p>The function to call after clicking all elements</p>\n</div></li></ul></div></div></div><div id='method-clickSelector' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-clickSelector' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-clickSelector' class='name expandable'>clickSelector</a>( <span class='pre'>selector, [root], [callback], [scope]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>This method is a wrapper around the clickAll, it performs a click on the every element found by the DOM query. ...</div><div class='long'><p>This method is a wrapper around the <a href=\"#!/api/Siesta.Test.Element-method-clickAll\" rel=\"Siesta.Test.Element-method-clickAll\" class=\"docClass\">clickAll</a>, it performs a click on the every element found by the DOM query.</p>\n\n<p>You can specify the optional <code>root</code> element to start the query from:</p>\n\n<pre><code> t.clickSelector('.my-grid .x-grid-row', someEl, function () {})\n</code></pre>\n\n<p>or omit it (query will start from the document):</p>\n\n<pre><code> t.clickSelector('.my-grid .x-grid-row', function () {})\n</code></pre>\n\n<p>The provided callback will receive an array with DOM elements - result of query.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>selector</span> : String<div class='sub-desc'><p>The selector/xpath query</p>\n</div></li><li><span class='pre'>root</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a> (optional)<div class='sub-desc'><p>The root of the query, defaults to the <code>document</code>. You can omit this parameter.</p>\n<p>Defaults to: <code>document</code></p></div></li><li><span class='pre'>callback</span> : Function (optional)<div class='sub-desc'>\n</div></li><li><span class='pre'>scope</span> : Object (optional)<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-contentLike' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-contentLike' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-contentLike' class='name expandable'>contentLike</a>( <span class='pre'>el, text, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the innerHTML of the passed element contains the text passed ...</div><div class='long'><p>Passes if the innerHTML of the passed element contains the text passed</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to query</p>\n</div></li><li><span class='pre'>text</span> : String<div class='sub-desc'><p>The text to match</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li></ul></div></div></div><div id='method-contentNotLike' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-contentNotLike' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-contentNotLike' class='name expandable'>contentNotLike</a>( <span class='pre'>el, text, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the innerHTML of the passed element does not contain the text passed ...</div><div class='long'><p>Passes if the innerHTML of the passed element does not contain the text passed</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to query</p>\n</div></li><li><span class='pre'>text</span> : String<div class='sub-desc'><p>The text to match</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li></ul></div></div></div><div id='method-elementIsAt' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-elementIsAt' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-elementIsAt' class='name expandable'>elementIsAt</a>( <span class='pre'>el, xy, allowChildren, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the element is found at the supplied xy coordinates. ...</div><div class='long'><p>Passes if the element is found at the supplied xy coordinates.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to query</p>\n</div></li><li><span class='pre'>xy</span> : Array<div class='sub-desc'><p>The xy coordinate to query.</p>\n</div></li><li><span class='pre'>allowChildren</span> : Boolean<div class='sub-desc'><p>true to also include child nodes. False to strictly check for the passed element.</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li></ul></div></div></div><div id='method-elementIsEmpty' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-elementIsEmpty' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-elementIsEmpty' class='name expandable'>elementIsEmpty</a>( <span class='pre'>el, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the passed element has no content (whitespace will be trimmed) ...</div><div class='long'><p>Passes if the passed element has no content (whitespace will be trimmed)</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li></ul></div></div></div><div id='method-elementIsInView' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-elementIsInView' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-elementIsInView' class='name expandable'>elementIsInView</a>( <span class='pre'>el</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Returns true if the passed element is inside of the visible viewport ...</div><div class='long'><p>Returns true if the passed element is inside of the visible viewport</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element</p>\n</div></li></ul></div></div></div><div id='method-elementIsNotEmpty' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-elementIsNotEmpty' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-elementIsNotEmpty' class='name expandable'>elementIsNotEmpty</a>( <span class='pre'>el, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the passed element has some non-whitespace content ...</div><div class='long'><p>Passes if the passed element has some non-whitespace content</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li></ul></div></div></div><div id='method-elementIsNotTopElement' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-elementIsNotTopElement' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-elementIsNotTopElement' class='name expandable'>elementIsNotTopElement</a>( <span class='pre'>el, allowChildren, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the element is not the top element (using its center xy coordinates). ...</div><div class='long'><p>Passes if the element is not the top element (using its center xy coordinates).</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to look for.</p>\n</div></li><li><span class='pre'>allowChildren</span> : Boolean<div class='sub-desc'><p>true to also include child nodes. False to strictly check for the passed element.</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li></ul></div></div></div><div id='method-elementIsNotVisible' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-elementIsNotVisible' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-elementIsNotVisible' class='name expandable'>elementIsNotVisible</a>( <span class='pre'>el, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the element is not visible. ...</div><div class='long'><p>Passes if the element is not visible.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li></ul></div></div></div><div id='method-elementIsTop' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-elementIsTop' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-elementIsTop' class='name expandable'>elementIsTop</a>( <span class='pre'>el, allowChildren, offset</span> ) : Boolean<span class=\"signature\"></span></div><div class='description'><div class='short'>Utility method which checks if the passed method is the 'top' element at its position. ...</div><div class='long'><p>Utility method which checks if the passed method is the 'top' element at its position. By default, \"top\" element means,\nthat center point of the element is not covered with any other elements. You can also check any other point reachability\nusing the \"offset\" argument.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to look for.</p>\n</div></li><li><span class='pre'>allowChildren</span> : Boolean<div class='sub-desc'><p>true to also include child nodes. False to strictly check for the passed element.</p>\n</div></li><li><span class='pre'>offset</span> : Array<div class='sub-desc'><p>An array of 2 elements, defining \"x\" and \"y\" offset from the left-top corner of the element</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'>Boolean</span><div class='sub-desc'><p>true if the element is the top element.</p>\n</div></li></ul></div></div></div><div id='method-elementIsTopElement' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-elementIsTopElement' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-elementIsTopElement' class='name expandable'>elementIsTopElement</a>( <span class='pre'>el, allowChildren, [description], strict</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the element is the top element (using its center xy coordinates). ...</div><div class='long'><p>Passes if the element is the top element (using its center xy coordinates). \"Top\" element means,\nthat element is not covered with any other elements.</p>\n\n<p>This assertion can be used for example to test, that some element, that appears only when mouse hovers some other element is accessible by user\nwith mouse (which is not always true because of various z-index issues).</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to look for.</p>\n</div></li><li><span class='pre'>allowChildren</span> : Boolean<div class='sub-desc'><p>true to also include child nodes. False to strictly check for the passed element.</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li><li><span class='pre'>strict</span> : Boolean<div class='sub-desc'><p>true to check all four corners of the element. False to only check at element center.</p>\n</div></li></ul></div></div></div><div id='method-elementIsVisible' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-elementIsVisible' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-elementIsVisible' class='name expandable'>elementIsVisible</a>( <span class='pre'>el, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the element is in the DOM and visible. ...</div><div class='long'><p>Passes if the element is in the DOM and visible.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li></ul></div></div></div><div id='method-findCenter' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-findCenter' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-findCenter' class='name expandable'>findCenter</a>( <span class='pre'>el, [local]</span> ) : Array<span class=\"signature\"></span></div><div class='description'><div class='short'>Utility method which returns the center of a passed element. ...</div><div class='long'><p>Utility method which returns the center of a passed element. The coordinates are by default relative to the\ncontaining document of the element (so for example if the element is inside of the nested iframe, coordinates\nwill be \"local\" to that iframe element). To get coordinates relative to the test iframe (\"global\" coordinates),\npass <code>local</code> as <code>false</code>.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to find the center of.</p>\n</div></li><li><span class='pre'>local</span> : Boolean (optional)<div class='sub-desc'><p>Pass <code>true</code> means coordinates are relative to the containing document. This is the default value.\nPass <code>false</code> to make sure the coordinates are global to the test window.</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'>Array</span><div class='sub-desc'><p>The array first element of which is the <code>x</code> coordinate and 2nd - <code>y</code></p>\n</div></li></ul></div></div></div><div id='method-hasAttributeValue' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-hasAttributeValue' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-hasAttributeValue' class='name expandable'>hasAttributeValue</a>( <span class='pre'>el, attribute, value, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the target element has an attribute with the provided value. ...</div><div class='long'><p>Passes if the target element has an attribute with the provided value.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to query</p>\n</div></li><li><span class='pre'>attribute</span> : String<div class='sub-desc'><p>The attribute</p>\n</div></li><li><span class='pre'>value</span> : String<div class='sub-desc'><p>The value</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li></ul></div></div></div><div id='method-hasCls' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-hasCls' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-hasCls' class='name expandable'>hasCls</a>( <span class='pre'>el, cls, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the element has the supplied CSS classname ...</div><div class='long'><p>Passes if the element has the supplied CSS classname</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to query</p>\n</div></li><li><span class='pre'>cls</span> : String<div class='sub-desc'><p>The class name to check for</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li></ul></div></div></div><div id='method-hasNotCls' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-hasNotCls' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-hasNotCls' class='name expandable'>hasNotCls</a>( <span class='pre'>el, cls, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the element does not have the supplied CSS classname ...</div><div class='long'><p>Passes if the element does not have the supplied CSS classname</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to query</p>\n</div></li><li><span class='pre'>cls</span> : String<div class='sub-desc'><p>The class name to check for</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li></ul></div></div></div><div id='method-hasNotStyle' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-hasNotStyle' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-hasNotStyle' class='name expandable'>hasNotStyle</a>( <span class='pre'>el, property, value, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the element does not have the supplied style value ...</div><div class='long'><p>Passes if the element does not have the supplied style value</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to query</p>\n</div></li><li><span class='pre'>property</span> : String<div class='sub-desc'><p>The style property to check for</p>\n</div></li><li><span class='pre'>value</span> : String<div class='sub-desc'><p>The style value to check for</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li></ul></div></div></div><div id='method-hasSameHeight' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-hasSameHeight' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-hasSameHeight' class='name expandable'>hasSameHeight</a>( <span class='pre'>el, referenceEl, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>This assertion passes when the passed element offsetHeight matches the offsetHeight of the reference element ...</div><div class='long'><p>This assertion passes when the passed element offsetHeight matches the offsetHeight of the reference element</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to query</p>\n</div></li><li><span class='pre'>referenceEl</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to compare against</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description of the assertion</p>\n</div></li></ul></div></div></div><div id='method-hasSameWidth' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-hasSameWidth' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-hasSameWidth' class='name expandable'>hasSameWidth</a>( <span class='pre'>el, referenceEl, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>This assertion passes when the passed element offsetWidth matches the offsetWidth of the reference element ...</div><div class='long'><p>This assertion passes when the passed element offsetWidth matches the offsetWidth of the reference element</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to query</p>\n</div></li><li><span class='pre'>referenceEl</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to compare against</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description of the assertion</p>\n</div></li></ul></div></div></div><div id='method-hasStyle' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-hasStyle' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-hasStyle' class='name expandable'>hasStyle</a>( <span class='pre'>el, property, value, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the element has the supplied style value ...</div><div class='long'><p>Passes if the element has the supplied style value</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to query</p>\n</div></li><li><span class='pre'>property</span> : String<div class='sub-desc'><p>The style property to check for</p>\n</div></li><li><span class='pre'>value</span> : String<div class='sub-desc'><p>The style value to check for</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li></ul></div></div></div><div id='method-hasValue' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-hasValue' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-hasValue' class='name expandable'>hasValue</a>( <span class='pre'>el, value, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the passed element has the expected value as its \"value\" property (use with SELECT, INPUT type elements). ...</div><div class='long'><p>Passes if the passed element has the expected value as its \"value\" property (use with SELECT, INPUT type elements).</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to query</p>\n</div></li><li><span class='pre'>value</span> : Mixed<div class='sub-desc'><p>The value to compare to.</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description of the assertion</p>\n</div></li></ul></div></div></div><div id='method-isElementVisible' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-isElementVisible' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-isElementVisible' class='name expandable'>isElementVisible</a>( <span class='pre'>el</span> ) : Boolean<span class=\"signature\"></span></div><div class='description'><div class='short'>Returns true if the element is visible, checking jQuery :visible selector + style visibility value. ...</div><div class='long'><p>Returns true if the element is visible, checking jQuery :visible selector + style visibility value.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'>Boolean</span><div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-isInView' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-isInView' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-isInView' class='name expandable'>isInView</a>( <span class='pre'>el, [description]</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Passes if the passed element is inside of the visible viewport ...</div><div class='long'><p>Passes if the passed element is inside of the visible viewport</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li></ul></div></div></div><div id='method-monkeyTest' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-monkeyTest' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-monkeyTest' class='name expandable'>monkeyTest</a>( <span class='pre'>options, nbrInteractions, [description], callback, scope</span> )<span class=\"signature\"></span></div><div class='description'><div class='short'>Performs clicks, double clicks, right clicks and drags at random coordinates within the passed target. ...</div><div class='long'><p>Performs clicks, double clicks, right clicks and drags at random coordinates within the passed target.\nAlso performs random key presses. You can specify an array of DOM selectors to avoid (see <code>skipTargets</code> below).</p>\n\n<p>While doing all these random actions it tracks the number of exceptions thrown and reports a failure\nif there was any. Otherwise it reports a passed assertion.</p>\n\n<p>Use this assertion to \"stress-test\" your component, making sure it will work correctly in various unexpected\ninteraction scenarious.</p>\n\n<p>Note that as a special case, when this method is provided with the document's &lt;body&gt; element as a target,\nit will test the whole browser viewport.</p>\n\n<p>This method supports two call signatures. One is with multiple positional arguments and another with single options object.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>options</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a> | Object<div class='sub-desc'><p>The element to upon which to unleash the \"monkey\", or a config object with the options</p>\n<ul><li><span class='pre'>target</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element to upon which to unleash the \"monkey\"</p>\n</div></li><li><span class='pre'>skipTargets</span> : Array[String]<div class='sub-desc'><p>An array of DOM selectors, for the elements inside the <code>target</code>, which will be avoided by monkeys.</p>\n</div></li><li><span class='pre'>nbrInteractions</span> : Number<div class='sub-desc'><p>The number of random interactions to perform. Default value is 30</p>\n</div></li><li><span class='pre'>description</span> : String<div class='sub-desc'><p>The optional description for the assertion.</p>\n</div></li><li><span class='pre'>callback</span> : Function<div class='sub-desc'><p>The callback to call after all actions are completed</p>\n</div></li><li><span class='pre'>scope</span> : Object<div class='sub-desc'><p>The scope for the callback</p>\n</div></li></ul></div></li><li><span class='pre'>nbrInteractions</span> : Number<div class='sub-desc'><p>The number of random interactions to perform. Default value is 30</p>\n</div></li><li><span class='pre'>description</span> : String (optional)<div class='sub-desc'><p>The description for the assertion</p>\n</div></li><li><span class='pre'>callback</span> : Function<div class='sub-desc'><p>The callback to call after all actions are completed</p>\n</div></li><li><span class='pre'>scope</span> : Object<div class='sub-desc'><p>The scope for the callback</p>\n</div></li></ul><h3 class='pa'>Fires</h3><ul><li>maxtimeoutchanged</li></ul></div></div></div><div id='method-scrollHorizontallyTo' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-scrollHorizontallyTo' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-scrollHorizontallyTo' class='name expandable'>scrollHorizontallyTo</a>( <span class='pre'>el, newLeft, [delay], callback</span> ) : Number<span class=\"signature\"></span></div><div class='description'><div class='short'>This method changes the \"scrollLeft\" property of the dom element, then waits for the \"scroll\" event from it and calls...</div><div class='long'><p>This method changes the \"scrollLeft\" property of the dom element, then waits for the \"scroll\" event from it and calls the provided callback.</p>\n\n<p>For example:</p>\n\n<pre><code>// scroll the domEl to the 100px offset, wait for \"scroll\" event, call the callback\nt.scrollHorizontallyTo(domEl, 100, function () { ... })\n</code></pre>\n\n<p>Optionally it can also wait some additional time before calling the callback:</p>\n\n<pre><code>// scroll the domEl to the 100px offset, wait for \"scroll\" event, wait 1000ms more, call the callback\nt.scrollHorizontallyTo(domEl, 100, 1000, function () { ... })\n</code></pre>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element</p>\n</div></li><li><span class='pre'>newLeft</span> : Number<div class='sub-desc'><p>The value for the \"scrollLeft\" property</p>\n</div></li><li><span class='pre'>delay</span> : Number (optional)<div class='sub-desc'><p>Additional delay, this argument can be omitted</p>\n</div></li><li><span class='pre'>callback</span> : Function<div class='sub-desc'><p>A function to call after \"scroll\" event has been fired and additional delay completed (if any)</p>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'>Number</span><div class='sub-desc'><p>The new value of the \"scrollLeft\" property of the dom element</p>\n</div></li></ul><h3 class='pa'>Fires</h3><ul><li>maxtimeoutchanged</li></ul></div></div></div><div id='method-scrollTo' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Siesta.Test.Element'>Siesta.Test.Element</span><br/><a href='source/Element2.html#Siesta-Test-Element-method-scrollTo' target='_blank' class='view-source'>view source</a></div><a href='#!/api/Siesta.Test.Element-method-scrollTo' class='name expandable'>scrollTo</a>( <span class='pre'>el, newLeft, newTop, callback, [delay]</span> ) : Object<span class=\"signature\"></span></div><div class='description'><div class='short'>This method changes the scrollLeft and scrollTop properties of the dom element, then waits for the \"scroll\" event\nfro...</div><div class='long'><p>This method changes the <code>scrollLeft</code> and <code>scrollTop</code> properties of the dom element, then waits for the \"scroll\" event\nfrom it and calls the provided callback.</p>\n\n<p>For example:</p>\n\n<pre><code>// scroll the domEl to the 50px horizontal offset, 100px vertical, wait for \"scroll\" event, call the callback\nt.scrollTo(domEl, 50, 100, function () { ... })\n</code></pre>\n\n<p>Optionally it can also wait some additional time before calling the callback:</p>\n\n<pre><code>// scroll the domEl to the 50px horizontal offset, 100px vertical, wait for \"scroll\" event, wait 1000ms more, call the callback\nt.scrollTo(domEl, 50, 100, function () { ... }, 1000)\n</code></pre>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>el</span> : <a href=\"#!/api/Siesta.Test.ActionTarget\" rel=\"Siesta.Test.ActionTarget\" class=\"docClass\">Siesta.Test.ActionTarget</a><div class='sub-desc'><p>The element</p>\n</div></li><li><span class='pre'>newLeft</span> : Number<div class='sub-desc'><p>The value for the <code>scrollLeft</code> property</p>\n</div></li><li><span class='pre'>newTop</span> : Number<div class='sub-desc'><p>The value for the <code>scrollTop</code> property</p>\n</div></li><li><span class='pre'>callback</span> : Function<div class='sub-desc'><p>A function to call after \"scroll\" event