自动化测试 span / input / hide问题

本文分享了一次自动化测试过程中遇到的问题:验证码数字输入到错误的HTML元素导致测试失败。文章详细介绍了问题的原因及解决方案,并提供了针对类似问题的处理思路。

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

前几天尝试些自动化测试的时候遇到了以下问题,目前已找到原因已解决,整理一下经验。


验证码输入框


HTML代码


当第一个验证码里输入数字‘8’后


前端代码变为



说一下我当时的疑惑,就是为什么这个8在span里这样显示的,

这不对啊,正常不应该是输入到input元素里吗,这怎么直接显示在span上了,这什么骚操作。

然后卡了两天,实在没办法了,去找了前端姐姐...


页面里有个这个属性的


他是个隐藏属性的元素,每次点击span时候监听器调用这个元素来输入数字,响应的也是输入给这个元素的数字。

so,做自动测试定位元素的时候,不能定位span,要定位这个input。

OK,问题解决了。



<div class="gdMarkBoxBot"> <div class="markTxt"> <dl class="numMenu"><dt>全部评价</dt><dd><a class="current" href="JavaScript(0)">推荐</a><a href="JavaScript(0)">最新</a><a href="JavaScript(0)">最热</a></dd></dl> </div> <div class="markList"> <ul> <li> <div> <div class="userIcon"><img src="https://pics.sxjyzx.com/sxjyzx/imgfile/20240619/191409144rrk.png" alt="" /></div> <div class="userInfo"> <p class="tip">加啊蔡作园</p> <div class="scoreList"><input type="range" value="9" name="star" min="0" max="10" step="1" ><span>2025-12-14 13:58:20</span></div> <p>这赛季做得有点意思,主要是我觉得这赛季的布局有了很多的变化 </p> </div> <div class="huifu"><span>0回复</span></div> </div> <ul> <li> <div> <div class="userIcon"><img src="https://pics.sxjyzx.com/sxjyzx/imgfile/20240619/191409144rrk.png" alt="" /></div> <div class="userInfo"> <p class="tip">九尾狐</p> <div class="scoreList"><input type="range" value="9" name="star" min="0" max="10" step="1" ><span>2025-12-14 13:58:20</span></div> <p>谢你的认可,感兴趣的话可以试玩一下哦 </p> </div> <div class="huifu"><span>1回复</span></div> </div> </li> </ul> </li> <li> <div> <div class="userIcon"><img src="https://pics.sxjyzx.com/sxjyzx/imgfile/20240619/191409144rrk.png" alt="" /></div> <div class="userInfo"> <p class="tip">巧克力</p> <div class="scoreList"><input type="range" value="9" name="star" min="0" max="10" step="1" ><span>2025-12-14 13:58:20</span></div> <p>这赛季做得有点意思,主要是我觉得这赛季的布局有了很多的变化 </p> </div> <div class="huifu"><span>0回复</span></div> </div> <ul> <li> <div> <div class="userIcon"><img src="https://pics.sxjyzx.com/sxjyzx/imgfile/20240619/191409144rrk.png" alt="" /></div> <div class="userInfo"> <p class="tip">多重坚果拿铁</p> <div class="scoreList"><input type="range" value="9" name="star" min="0" max="10" step="1" ><span>2025-12-14 13:58:20</span></div> <p>谢你的认可,感兴趣的话可以试玩一下哦 </p> </div> <div class="huifu"><span>1回复</span></div> </div> </li> </ul> </li> </ul> <div class="moreMark">加载全部评论</div> </div> 用jq动态的加载评论列表 拼接有评论分页
最新发布
07-03
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值