devbox
木道寻08
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

《最新出炉》系列初窥篇-Python+Playwright自动化测试-24-处理单选和多选按钮-上篇_playwright自动化单选选中

作者：木道寻08 | 2024-07-30 01:34:24

赞

踩

playwright自动化单选选中

1.简介

在工作和生活中，经常会遇到我们需要进行选择的情况，比如勾选我们选择性别，男女两个性别总是不能同时选中的，再比如我们在选择兴趣爱好时，我们可以选择多个自己感兴趣的话题，比如：篮球、足球、电竞等话题。我们在执行自动化测试的过程中，必须要学会处理这样的情况。在实际自动化测试过程中，我们同样也避免不了会遇到单选和多选的测试，特别是调查问卷或者是答题系统中会经常碰到。因此宏哥在这里直接分享和介绍一下，希望小伙伴或者童鞋们在以后工作中遇到可以有所帮助。

2.什么是单选框、复选框？

　　单选按钮一般叫raido button，就像我们在电子版的单选答题过程一样，单选只能点击一次，如果点击其他的单选，之前单选被选中状态就会变成未选中。单选按钮的点击，一样是使用click方法。多选按钮，就是复选框，一般叫checkbox，就像我们在电子版的多选答题过程一样，可以选择多个选项，多选按钮的点击，同样是使用click方法。简单地说，复选框可以允许你选择多个设置，而单选框则允许你选择一个设置。如下图所示：

3.被测页面html源代码

3.1 radio.html

1.准备测试练习radio.html，如下：

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>测试单选</title>
  6.     <style type="text/css">
  7.         .button1 {
  8.             background-color: #f44336; 
  9.             border: none;
  10.             color: white;
  11.             padding: 15px 32px;
  12.             text-align: center;
  13.             text-decoration: none;
  14.             display: inline-block;
  15.             font-size: 28px;
  16.             margin: 20px 300px 50px 300px;
  17.             text-decoration:none;
  18.             color: white;
  19.         }
  20.         #myAnchor
  21.         {
  22.           text-decoration:none;
  23.           color: white;
  24.         }
  25.         #hg
  26.         {
  27.             margin: 20px 300px 50px 300px;
  28.         }
  29.     </style>
  30. </head>
  31. <body>
  32.     <button class="button1"><a id="myAnchor" href="https://www.cnblogs.com/du-hong/">北京-宏哥</a></button></br>
  33.     <div id="hg">
  34.         <div>
  35.         <h3>复选框 checkbox</h3> 请选择喜欢的打野英雄：<br>
  36.         <label><input name="checkbox1" type="checkbox" value="李白"/>李白 </label><br>
  37.         <label><input name="checkbox2" type="checkbox" value="韩信"/>韩信 </label><br>
  38.         <label><input name="checkbox3" type="checkbox" value="公孙离" checked="checked"/>公孙离 </label><br>
  39.         <label><input name="checkbox4" type="checkbox" value="露娜"/>露娜 </label><br>
  40.         </div>
  41.         <div>
  42.             <h3>单选框 radio</h3> 选择喜欢的打野英雄：<br>
  43.             <label><input name="radio" type="radio" value="0" checked="checked"/>李白 </label><br>
  44.             <label><input name="radio" type="radio" value="1"/>韩信 </label><br>
  45.             <label><input name="radio" type="radio" value="2"/>露娜 </label><br>
  46.             <label><input name="radio" type="radio" value="3"/>孙尚香 </label><br>
  47.         </div>
  48.     </div>
  49. </body>
  50. </html>

2.页面效果，如下图所示：

上图所示的就是我们最常见的radio单选框和checkbox多选框，playwright提供了一些处理单选框以及多选框的方法。宏哥接下来就一一介绍。

4.PlayWright选择操作

playwright提供了一些处理单选框以及多选框的方法，如下：

  • locator.click() 点击操作
  • locator.check() 选中
  • locator.uncheck() 不选中
  • locator.set_checked() 设置选中状态
  • locator.is_checked() 判断是否被选中

5.单选框操作

radio是单选，以我们的html文件为例，如果李白已经被选了再点击李白是不会改变状态的，我们只有点击其他的按钮才会改变状态。

5.1click()点击操作

宏哥这里演示一下如何点击“韩信”，其实是很简单的，只需要定位到然后点击即可。

5.1.1代码设计

5.1.2参考代码
  1. # coding=utf-8
    声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/木道寻08/article/detail/901389
    推荐阅读
    相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。