Selenium之老中医教你(单/多/下拉框)选项定位

发表于:2019-7-24 13:40  作者:王翔   来源:清风Python

字体: | 上一篇 | 下一篇 |我要投稿 | 推荐标签: Selenium

   今天我们来学习selenium的单选、多选、下拉框选项定位。但其实这东西,没什么太多说的,又比较枯燥,那该怎么让这一集selenium的课程变得有趣呢?有请老中医,哈哈....
  老中医.gif
  怎么样,这个野广告做的还不错吧,你们给多少分?至于为什么要自己写一个html的页面,一是懒得找什么网页又有下拉框,又有单/多选。二是最近更多的想练习写一些web界面,最重要的是怕大家觉得selenium系列的文章没意思,所以搞点噱头呗。哈哈....
  页面实现起来比较简单,样式用Bootstrap即可,至于这个城中村经典广告牌,只要简单的使用jQuery添加和删除css样式就OK了。
  代码如下:
   <!DOCTYPE html>
  <html lang="en">
  <head>
  <meta charset="UTF-8">
  <title>老中医</title>
  <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
  <style type="text/css">
  body {
  height: 500px;
  }
  .container {
  max-width: 500px;
  height: 450px;
  border: 2px solid grey;
  border-radius: 5px;
  }
  .ad {
  text-align: center;
  font-size: 25px;
  background-color: black;
  color: red;
  margin-bottom: 20px;
  }
  .chuibi {
  display: inline-block;
  }
  .adplus {
  color: black;
  }
  .footer {
  text-align: center;
  }
  </style>
  </head>
  <body>
  <form class="container">
  <div class="row">
  <div class="ad ">祖传男科老中医
  <div class="small chuibi"> 【华佗在世,扁鹊转生】
  </div>
  </div>
  </div>
  <div class="form-group ">
  <div class="input-group">
  <div class="input-group-addon">
  姓名:
  </div>
  <input id='name' class="form-control" />
  </div>
  </div>
  <div class="form-group ">
  <div class="input-group">
  <div class="input-group-addon">
  性别:
  </div>
  <select id="sex" class="form-control">
  <option value="女">女</option>
  <option value="男">男</option>
  </select>
  </div>
  </div>
  <div class="form-group has-success">
  <div><label class="control-label">如何了解我院:</label></div>
  <label class="radio-inline">
  <input type="radio" name="access" id="inlineRadio2" value="朋友介绍"> 朋友介绍
  </label>
  <label class="radio-inline">
  <input type="radio" name="access" id="inlineRadio1" value="野广告">野广告
  </label>
  </div>
  <div class="form-group has-error">
  <div><label class="control-label">有哪些病症:</label></div>
  <div class="checkbox">
  <label>
  <input type="checkbox" value="全身乏力">
  全身乏力
  </label>
  </div>
  <div class="checkbox ">
  <label>
  <input type="checkbox" value="食欲不振">
  食欲不振
  </label>
  </div>
  <div class="checkbox ">
  <label>
  <input type="checkbox" value="腰膝酸软">
  腰膝酸软
  </label>
  </div>
  <div class="checkbox ">
  <label>
  <input type="checkbox" value="失眠多梦">
  失眠多梦
  </label>
  </div>
  </div>
  <div class="form-group">
  <div><label class="control-label">简要描述你的病情:</label></div>
  <input id='summary' class="form-control" type="text">
  </div>
  </form>
  <div class="footer">
  ?2019-清风Python:<a href="https://www.jianshu.com/u/d23fd5012bed">联系我们</a>
  </div>
  <script>
  setInterval(function() {
  var title = $('.ad')
  if (title.hasClass('adplus')) {
  title.removeClass('adplus')
  } else { $('.ad').addClass('adplus') }
  }, 600);
  </script>
  </body>
  </html>
  入主题
  先来说说下拉框吧,网上很多的帖子说下拉框的选择必须要先定位到下拉框体,然后点击框体,才能获取选项并选中,其实不然。90%的下拉框都会提前将option内容保存在html中,只有极少情况时通过AJAX请求的(这种情况之后的课程说....)。所以针对这种选项类的使用,推荐使用xpath和css_selector去定位。因为可变概率较小....
  至于单选和多选,主要是通过driver.find_elements_by_tag_name('input'),然后进行批量循环判断input选项完成选择。
  说了这么多,不如直接看代码来的直观:
   # -*- coding: utf-8 -*-
  # @Author   : 王翔
  # @JianShu  : 清风Python
  # @Date     : 2019/6/22 22:04
  # @Software : PyCharm
  # @version  :Python 3.7.3
  # @File     : Day_3.1_select.py
  from selenium import webdriver
  import time
  # 本地文件,根据你们的位置,自行修改
  URL = 'file:///D:/Codes_Repository/Python/SeleniumTest/Day4_selenium定位下拉框/index.html'
  options = webdriver.ChromeOptions()
  # 调整窗口大小,主要是为了使减小gif文件大小,方便截图上传
  options.add_argument('window-size=650,650')
  options.add_argument('disable-infobars')
  driver = webdriver.Chrome(options=options)
  driver.get(URL)
  driver.find_element_by_id('name').send_keys("隔壁老王")
  time.sleep(1)
  sex = driver.find_element_by_id('sex')
  sex.find_element_by_css_selector("[value='男']").click()
  # driver.find_element_by_xpath('//*[@id="sex"]/option[2]').click()
  time.sleep(1)
  input_tags = driver.find_elements_by_tag_name('input')
  for input_tag in input_tags:
  if input_tag.get_attribute('type') == 'radio' and input_tag.get_attribute('value') == '野广告':
  input_tag.click()
  time.sleep(1)
  input_tags = driver.find_elements_by_tag_name('input')
  for input_tag in input_tags:
  if input_tag.get_attribute('type') == 'checkbox' and input_tag.get_attribute('value') != '腰膝酸软':
  input_tag.click()
  time.sleep(2)
  driver.close()
  看下隔壁老王前来就诊的效果:
  隔壁老王来就诊.gif
  由于页面只有一组单选和多选,所以无需多做判断,但如果网页上存在多组的单选和多选。那还需要针对他们自身的特性进行分析,知识是死的,要学会灵活运用才行....

     上文内容不用于商业目的,如涉及知识产权问题,请权利人联系博为峰小编(021-64471599-8017),我们将立即处理

【福利】填问卷 送2019精选测试大礼包+接口测试实战课程!

评 论

论坛新帖

顶部 底部


建议使用IE 6.0以上浏览器,800×600以上分辨率,法律顾问:上海瀛东律师事务所 张楠律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2019, 沪ICP备05003035号
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪公网安备 31010102002173号

51Testing官方微信

51Testing官方微博

扫一扫 测试知识全知道