boundingBox()
Returns the bounding box of the element. The bounding box is calculated with respect to the position of the Frame of the current ElementHandle, which is usually the Page’s main frame.
Returns
Rect
The Rect
object represents the bounding box of an element.
Example
import { browser } from 'k6/browser';
export const options = {
scenarios: {
browser: {
executor: 'shared-iterations',
options: {
browser: {
type: 'chromium',
},
},
},
},
};
export default async function () {
const page = await browser.newPage();
await page.goto('https://test.k6.io/browser.php');
const element = await page.$('#text1');
const boundingBox = await element.boundingBox();
console.log(`x: ${boundingBox.x}, y: ${boundingBox.y}, width: ${boundingBox.width}, height: ${boundingBox.height}`);
await page.close();
}