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

不破红尘

于 2021-02-26 15:54:05 发布

阅读量1k

点赞数

分类专栏：笔记

本文链接：https://blog.youkuaiyun.com/u013882336/article/details/114134971

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先说踩坑的教训：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()发送单机动作。
然后调试代码的时候发现弹出来的浏览器窗口中永远是这样的，没有程序也没有报错，但是就是没有选中那个 “隐藏” 选项