记录paython selenium 测试vue的单选框的一次踩坑(明明单击已经成功了,但是调试脚本时页面不展示出来)

在使用Python Selenium测试Vue框架的单选框时遇到问题,虽然点击操作看似成功,但页面显示未更新。通过检查元素属性发现,单击已改变元素class为'el-radio is-checked',说明操作实际生效,但Chrome调试窗口未能实时反映这一变化。解决方案是通过元素的get_attribute方法验证状态,而不是依赖于浏览器的视觉反馈。
摘要由CSDN通过智能技术生成

先说踩坑的教训:vue框架因为页面代码会实时改变,不要通过运行代码时弹出的浏览器判断是否成功,尤其是涉及到页面代码实时变化的部分,可以通过get_arrtibute方法输出一下看看
在这里插入图片描述
上图就是要测试的单选框,下图就是对应的页面代码
在这里插入图片描述
可以看到,现在“展示”按钮已经被选中了,对应的页面代码中第一条红线标出的元素,这里的class值是el-radio is-checked。然后隐藏按钮没有被选中,第二条红线标出来的代码中class的值是el-radio,明显能看出来这里是选中的class里面有is-check(这里是重点)。
由于不是重点,选中页面元素啥的我就不提了,我用的chrome浏览器以及配套的chromedriver,简单点说就是,这里我通过find_by_css_selector(label.elradio)也就是class的el-radio的值成功选中了页面上 “隐藏” 那个单选项的元素,然后 .click()发送单机动作。
然后调试代码的时候发现弹出来的浏览器窗口中永远是这样的,没有程序也没有报错,但是就是没有选中那个 “隐藏” 选项

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值