如何使用Playwright TypeScript验证文本对齐（替代Selenium方法）

要验证页面文本的对齐方式，Playwright里可以通过boundingBox()方法获取元素的位置信息，这和Selenium里getLocation().x的作用等价。

示例代码 #

JavaScript/TypeScript

const targetElement = await page.locator('#id1');
const elementBox = await targetElement.boundingBox();
const xCoordinate = elementBox.x;

Python

target_element = page.locator("#id1")
element_box = await target_element.bounding_box()
x_coordinate = element_box["x"]

boundingBox()会返回一个包含x、y（元素左上角坐标）以及width、height的对象。拿到x坐标后，你可以结合父容器的位置和尺寸来判断对齐：

• 左对齐：元素的x值与父容器的x值基本一致
• 右对齐：元素的x值加上自身宽度，与父容器的x值加上父容器宽度基本一致

内容的提问来源于stack exchange，提问作者jba065