51Testing软件测试论坛

标题: Selenium之 搞定checkbox、radiobox [打印本页]

作者: lsekfe    时间: 2021-10-25 13:38
标题: Selenium之 搞定checkbox、radiobox
今天操作一个页面,发现尝试了很久,都没有弄成功。
  主要是checkbox和radio, 相当不好定位,定位到了却点击不到。老是报错元素不能点击。
  没办法,开始用finde_elements_by_tag_name找到input,然后对某个进行点击操作。
  后面发现,可以用发送空格的方式,而且一次成功,百发百中。
  网页上有时候遇到checkbox和radio,一般情况下这两种都是input标签,我们可以通过点击或者发送空格的方式进行选中。试验网页代码checkandradio.html:
  1. <html>
  2.   <body>
  3.   Checkbox:
  4.   <input type="checkbox" value="cv1" name="c1">
  5.   <input type="checkbox" value="cv2">
  6.   <input type="checkbox" value="cv3" name="c1">
  7.   <input type="checkbox" value="cv4">
  8.   <p>
  9.   Radio:
  10.   <input type="radio" value="rv1" name="r1">
  11.   <input type="radio" value="rv2" name="r1">
  12.   </body>
  13.   </html>
复制代码
定位:就是普通的input标签,按照正常的定位方式定位就可以,不再赘述。
  下面我们用selenium选中其中的checkbox(1、2)和radio1->radio2,上代码:
  1.  from selenium import webdriver
  2.   from selenium.webdriver.common.keys import Keys
  3.   from time import sleep
  4.   driver = webdriver.Firefox()
  5.   driver.maximize_window()
  6.   driver.get('file:///D:/checkboxandradio.html')
  7.   # checkbox
  8.   driver.find_element_by_xpath('//input[@value="cv1"]').click()  # click
  9.   driver.find_element_by_xpath('//input[@value="cv2"]').send_keys(Keys.SPACE)  # send space
  10.   # radio
  11.   driver.find_element_by_xpath('//input[@value="rv1"]').send_keys(Keys.SPACE)  # send space
  12.   sleep(1)
  13.   driver.find_element_by_xpath('//input[@value="rv2"]').click()  # click
  14.   sleep(1)
  15.   driver.quit()
复制代码
从上例可以看出我们对这种checkbox和radio,可以通过直接点击或者发送空格的方式达到选中或者反选的目的。
  检查某个框是否被选中:
  1. element.is_selected()
复制代码
选中和判断是否选中还有其他的方法,如模拟鼠标点击、用js选中、修改标签属性选中;用js、jQuery判断是否选中、用标签属性判断是否选中,不过针对大部分情况,以上方法足够用了。如果以上方法失效,可以考虑直接修改或获取标签属性,或者可能是其他因素如等待时间、页面遮挡等导致无法选中,可进行更多尝试。
  取人之长。有些思路还是可以借鉴的。





作者: Real_小T    时间: 2021-11-3 00:41
发送空格,学到了
补一个css写法:driver.find_element_by_css("input[value='cv1']").click()




欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/) Powered by Discuz! X3.2