devbox
我家自动化
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

【UI自动化】selenium元素定位各种框实例操作大全_ui自动化readonly

作者：我家自动化 | 2024-04-24 18:16:36

赞

踩

ui自动化readonly

<Text>：元素是input标签但是不能输入内容

第五个input输入框，disabled属性被设置为 "true"。它被禁用了无法接收用户的输入。
第六个input输入框，readonly属性指示该元素是否只读，如果设置了该属性，表示该元素只读不可编辑。因此，当readonly属性存在时，该输入框是不可编辑的，不能输入内容。

 实例图示如下：

这里我们可以使用使用execute_script方法来执行JavaScript脚本，从而移除元素的disabled和readonly属性，然后输入内容。具体代码如下：

  1. # 使用execute_script处理元素的disabled和readonly属性
  2. d.execute_script("arguments[0].removeAttribute('disabled')", d.find_element(By.NAME, "textdisabled"))
  3. d.execute_script("arguments[0].removeAttribute('readonly')", d.find_element(By.NAME, "textreadonly"))
  4. d.find_element(By.NAME, "textdisabled").send_keys("第五个输入内容")
  5. d.find_element(By.NAME, "textreadonly").send_keys("第六个输入内容")

这样就解决了元素是input标签但是不能输入的问题了。

<textarea>：输入框在form表单下处于同一级别，右边红框两个textarea标签对应左边绿框两个多行输入框。由于第二个多行输入框只有textarea标签可以定位，与第一个不好区分，这里就只能采用XPATH方法了。

具体代码如下：

  1. d.find_element(By.NAME,'ta1').send_keys('多行输入框内容1')
  2. d.find_element(By.XPATH,'//form[@name="f1"]/textarea[2]').send_keys('多行输入框内容2')

Checkbox : 复选框定位

根据右侧HTML发现第四个复选框其实value没有赋值，所以只能只用XPATH定位。具体代码如下：

  1. d.find_element(By.CSS_SELECTOR,'input[value="cv1"]').click()
  2. d.find_element(By.CSS_SELECTOR,'input[value="cv2"]').click()
  3. d.find_element(By.CSS_SELECTOR,'input[value="cv3"]').click()
  4. d.find_element(By.XPATH,'//form/input[4]').click()

Radio :单选框定位

这里两个单选框都有name属性，但对应的值是一样的，所以这里我们采用CSS_SELECTOR方法进行定位，代码如下：

  1. d.find_element(By.CSS_SELECTOR,'input[value="rv1"]').click()
  2. d.find_element(By.CSS_SELECTOR,'input[value="rv2"]').click()

以下是后面会更新的内容，今天就到此为止了。后续有时间再持续更新~

Password：密码框

经观察发现这两个密码框已经不在初始化界面之内了，需要拖动浏览器右侧边的滑动条才能显示出来，否则将会找不到元素。

第一个密码框很好定位，可以直接用NAME方法来定位，但是第二个没有唯一的属性，只能使用XPATH了。注意这里的标签的索引位置是从1开始数。如图：

  1. #第一个密码框，输入内容：1
  2. driver.find_element(By.NAME,'p1').send_keys('1')
  3. # 定位到密码框的第二个元素
  4. pwdinput= driver.find_element(By.XPATH, '//form[@name="f1"]/input[8]')
  5. # 使用JavaScript代码将元素滚动到可视区域
  6. driver.execute_script("arguments[0].scrollIntoView();", pwdinput)
  7. # 输入内容：12
  8. pwdinput.send_keys('12')

这里需分成三步执行，开始我写成一句直接报错。代码如下：

  1. driver.execute_script("arguments[0].scrollIntoView();", driver.find_element(By.XPATH, '//form[@name="f1"]/input[8]').send_keys('12'))
  2.  
  3. #报错：selenium.common.exceptions.JavascriptException: Message: A JavaScript exception occured: null is not an object (evaluating 'arguments[0].scrollIntoView')
  4.

代码中依然遇到了JavaScript异常，错误信息表明arguments[0]的值为null，导致无法调用scrollIntoView方法。所以拆分成三步，1.首先定位元素，2.然后将其滚动到可视区域，3.最后再执行send_keys操作。并且还需要注意，send_keys操作应该在输入框元素成功滚动到可视区域之后进行。

Select：选择框

首先，我们导入Select模块。

from selenium.webdriver.support.ui import Select, WebDriverWait

 根据图示，要先拖动滑动条才能显示该元素，然后再进行操作选择框。 代码如下：

  1. #定位该元素
  2. find_slt = driver.find_element(By.XPATH, '//form[@name="f1"]/select[1]')
  3. #使用JavaScript代码将元素滚动到可视区域
  4. driver.execute_script("arguments[0].scrollIntoView();", find_slt)
  5. # 使用Select方法
  6. Select(driver.find_element(By.XPATH,'//form[@name="f1"]/select[2]')).select_by_index(2)
  7. Select(driver.find_element(By.XPATH,'//form[@name="f1"]/select[3]')).select_by_index(2)

Select类中相关方法具体详见： Select类中相关方法

Button：按钮

操作代码如下： 

  1. b=driver.find_element(By.CSS_SELECTOR,'[value="button value"]')
  2. #由于这里的按钮只有点击效果，没有直观的反馈。增加了判断。
  3. if b.is_enabled():
  4. b.click()
  5.     print("Button clicked!")
  6. else:
  7.     print("Button is not enabled")

Reset Button：重置按钮

  1. find_rbutton=driver.find_element(By.XPATH,'//form[@name="f1"]/input[13]')
  2. # 使用JavaScript代码将元素滚动到可视区域
  3. driver.execute_script("arguments[0].scrollIntoView();", find_rbutton)
  4. #先填入内容在输入框内
  5. find_rbutton.send_keys('XPP 是摄影狮       本文内容由网友自发贡献，转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/480886
    推荐阅读
    相关标签

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