如何使用Selenium Java验证元素2是否占据元素1腾出的空间

如果用Selenium这类自动化测试工具做验证，按下面步骤操作：

1. 先记好收缩前的基准数据 #

• 获取元素1的初始宽度：用XPath (//div[@class='site'])[1] 拿到元素宽度（比如Selenium里用element.getSize().width）
• 获取元素2的初始左偏移位置：用XPath (//div[@class='site'])[2] 取元素的x坐标（element.getLocation().x）
• 确认元素2的宽度固定：提前获取并记录它的宽度，确保后续不会改变

2. 触发元素1收缩 #

执行让元素1收缩的操作（比如点击收起按钮、触发对应交互事件）

3. 对比收缩后的关键数据 #

• 计算元素1腾出的空间：初始宽度 - 收缩后的宽度
• 计算元素2左移的距离：初始x坐标 - 收缩后的x坐标
• 核心验证点：
  • 元素2的宽度完全不变（符合“长度固定”要求）
  • 元素2左移的距离和元素1腾出的空间基本一致（允许±2px的渲染误差）
  • 额外验证：元素2的右边界（收缩后x坐标 + 宽度）应和元素1收缩前的右边界位置对齐，或符合布局预期

如果页面用的是Flex这类弹性布局，也可以查看元素2的计算样式里flex-grow是否生效，直接确认它有没有填充元素1空出来的空间。

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