.getLocation() Suggest edits
Determine an element's location on the page. The point (0, 0) refers to the upper-left corner of the page. The element's coordinates are returned as a JSON object with x and y properties.
For W3C Webdriver compatible clients (such as GeckoDriver), this command is equivalent to getElementSize
and both return
the dimensions and coordinates of the given element:
- x: X axis position of the top-left corner of the element, in CSS pixels
- y: Y axis position of the top-left corner of the element, in CSS pixels
- height: Height of the element’s bounding rectangle in CSS pixels;
- width: Width of the web element’s bounding rectangle in CSS pixels.
The command getLocation()
will automatically wait for the element to be present (until the specified timeout). If the element is not found, an error is thrown which will cause the test to fail. You can suppress element not found errors by specifying the selector
argument as an object and passing the suppressNotFoundErrors = true
option.
Usage
.getLocation(selector, [callback])
.getLocation(using, selector, [callback])
Example
module.exports = {
demoTest(browser) {
browser.getLocation('#login', function(result) {
console.log('result', result);
});
// with explicit locate strategy
browser.getLocation('css selector', '#login', function(result) {
console.log('result', result);
});
// with selector object - see https://nightwatchjs.org/guide/writing-tests/finding-interacting-with-dom-elements.html#postdoc-element-properties
browser.getLocation({
selector: '#login',
index: 1,
suppressNotFoundErrors: true
}, function(result) {
console.log('result', result);
});
},
demoTestAsync: async function(browser) {
const result = await browser.getLocation('#login');
console.log('location', result);
}
}
Parameters
Name | Type | description |
---|---|---|
using Optional |
string | The locator strategy to use. See W3C Webdriver - locator strategies |
selector |
string | object | The selector (CSS/Xpath) used to locate the element. Can either be a string or an object which specifies element properties. |
callback |
function | Callback function which is called with the result value. |
Returns
Type | description |
---|---|
* | The X and Y coordinates for the element on the page. |