先说踩坑的教训: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()发送单机动作。
然后调试代码的时候发现弹出来的浏览器窗口中永远是这样的,没有程序也没有报错,但是就是没有选中那个 “隐藏” 选项
记录paython selenium 测试vue的单选框的一次踩坑(明明单击已经成功了,但是调试脚本时页面不展示出来)
最新推荐文章于 2024-07-02 17:10:11 发布
在使用Python Selenium测试Vue框架的单选框时遇到问题,虽然点击操作看似成功,但页面显示未更新。通过检查元素属性发现,单击已改变元素class为'el-radio is-checked',说明操作实际生效,但Chrome调试窗口未能实时反映这一变化。解决方案是通过元素的get_attribute方法验证状态,而不是依赖于浏览器的视觉反馈。
摘要由CSDN通过智能技术生成