测试之家

问答 【UI 自动化】Playwright 中元素定位问题

Bzzb · 2024年03月14日 · 最后由 Bzzb 回复于 2024年06月25日 · 10208 次阅读

求助：执行代码时点击位置与元素实际位置存在偏移

在执行代码的时候，我遇到了一个问题：点击位置的元素与元素实际位置存在偏移，导致无法成功点击。我尝试了几种定位方法，但都没有解决。

尝试的定位方法

  1. CSS 选择器：我首先尝试了使用 CSS 选择器进行定位，但没有成功。
  2. XPath：接着我尝试了 XPath 定位方式，同样没有解决问题。
  3. 坐标定位：在多次尝试失败后，我尝试使用 document.getElementById('元素ID').getBoundingClientRect() 获取元素的 x、y 值进行坐标定位，但仍然无法成功点击。

调试信息

在 Playwright codegen 中进行调试时，我发现该元素与实际复选框的位置存在偏移。这导致了我的点击操作无法准确命中目标元素。

这是我现在的代码：

for frame in page.frames:
    if frame.name.startswith('jbox-iframe-jBox_'):
        target_frame = frame
        target_frame.locator('#isCheck').click()
「原创声明：保留所有权利，禁止转载」
1 个赞
共收到 18 条回复 时间 点赞
杨腾 #1 · 2024年03月14日

会导致这个问题的原因会有多个，建议补充下
1.这个弹出框的 html；
2.无法成功点击的代码表现（报错、还是提示定位不到又或者是执行成功了，但是界面实际没有点击）；
协助问题定位。

Aconment #18 · 2024年03月14日 1 个赞

不是，群里不是让你开调试模式看嘛，隔着又发帖呢

大桥 #3 · 2024年03月14日

看截图， .locator('#isCheck') 匹配的第一个元素是隐藏的，不是你想要的那个复选框，所以问题还是你的定位有为题。

难以怀瑾 #4 · 2024年03月14日
对 Aconment 回复

大佬 给个群号 学习学习

Bzzb #5 · 2024年03月15日 Author
对 Aconment 回复

先发的贴 后问的 哈哈

Bzzb · #6 · 2024年03月15日 Author
仅楼主可见
MonGol #7 · 2024年03月15日

Codegen 一下看看 ？

你来咬我啊 #8 · 2024年03月25日

控制台打印一下元素的个数、采用游标去定位

大桥 #11 · 2024年03月26日
对 大桥 回复

你代码的最后一行，target_frame.locator('#isCheck') 大概率是匹配到了多个元素，其中第一个还是隐藏的，所以操作不了。 可以尝试在这一行之前，print(target_frame.locator('#isCheck').count()) 检查下匹配的元素个数来确认下。 另外如果只匹配可见的元素，可以这么来匹配 target_frame.locator('#isCheck:visible') 加一个 ":visible"

Bzzb #10 · 2024年03月29日 Author
对 MonGol 回复

Codegen 录制点击这个按钮没有对应代码生成😥

Bzzb #9 · 2024年03月29日 Author
对 大桥 回复

感谢回答，您说的两个方式我都验证了，打印数量只有一个，加上 visible 也是一样的效果。

Bzzb #8 · 2024年03月29日 Author

这个问题我现在还没有解决，我这公司也没有前端，之前评论说的方式我都试验了 ，这是这部分前端的代码 我是没看出来有什么特别的😥 😥

大桥 #13 · 2024年03月29日
对 Bzzb 回复

看你代码是正常的，没按预期工作应该还是定位不精确的问题，看你截图定位在了一个看不见的元素。
可以在这里打个断点，进入交互模式，先确定所在的 iframe，再遍历所有的 checkbox, 可以用 

target_frame.locator('#isCheck').highlight()

来高亮显示定位的元素，如果还定位不到就改方法。有个似乎更方便的办法是在执行到 page.pause() 时，用自带的 inspector 来帮忙

sc6288 #14 · 2024年04月02日

1.报错信息请附上
2.highlight() 或者 trace 开启录制，有助于定位问题
3.根据现有信息推测可能是 frame 切换不成功，有 id 用 id 切换
4.添加强制等待尝试
5.点击元素可以尝试 get_by_text("已阅").first.click()

5楼 已删除
加菲Danny #16 · 2024年04月03日
对 Aconment 回复

有群号嘛老兄

Ellison #17 · 2024年06月22日
对 Aconment 回复

群多少，拉我下

Bzzb #2 · 2024年06月25日 Author
对 大桥 回复

自带的 inspector 录制点击这个元素不生成记录，locator 定位和我写的这个还是一样的，最后使用了.eval_on_selector() 这个方法直接执行 javascript 执行解决了这个问题，感谢解答

Bzzb #1 · 2024年06月25日 Author
对 sc6288 回复

几种方法我都尝试了，最后还花钱找了一个人来解决这个问题，弄了俩小时也没弄出来，我突然灵光一现想起来我直接执行 js 就好了，然后通过 playwright 的.eval_on_selector() 解决了这个问题，感谢解答

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册。