web自动化08-下拉选择框、弹出框、滚动条

1、下拉选择框操作

　　下拉框就是HTML中元素；   先列需求：

需求：使用‘注册A.html’页面，完成对城市的下拉框的操作
1).选择‘广州’
2).暂停2秒，选择‘上海’
3).暂停2秒，选择‘北京’

  我们首先可以通过直接定位下拉框中的内容对应的元素，完成对下拉框元素的处理，我们也可以通过select类   我们先来认识select类：   　　说明：Select类是Selenium为操作select标签特殊封装的。 　　实例化对象： 　　　　select = Select(element) 　　　　element: 标签对应的元素，通过元素定位方式获取， 　　例如：driver.find_element_by_id("selectA")   常用可以用什么定位呢？  

1.  select_by_index(index) --> 根据option索引来定位，从0开始
2. select_by_value(value) --> 根据option属性 value值来定位
3. select_by_visible_text(text) --> 根据option显示文本来定位

  Select类实现步骤分析：   　　1. 导包 Select类 --> 　　　　from selenium.webdriver.support.select import Select 　　2. 实例化Select类　　　　　 select = Select(driver.find_element_by_id("selectA")) 　　3. 调用方法：　　　　　　    select.select_by_index(index)   我们来做一下上面需求：

from selenium.webdriver.support.select import Select
select = Select(driver.find_element_by_id("selectA"))
select.select_by_index(2) # 根据索引实现
select.select_by_value("sh") # 根据value属性实现
select.select_by_visible_text("A北京") # 根据文本内容实现

 

2、弹出框处理

　　应用场景：页面操作中，一旦出现弹窗，不进行处理，后续的操作无法进行 　　弹窗分类：1、系统弹窗（js实现）　　2、自定义弹窗（前端代码封装）   网页中常用的弹出框有三种： 　　　　　　　　　　　　1. alert 警告框 　　　　　　　　　　　　2. confirm 确认框 　　　　　　　　　　　　3. prompt 提示框   先列需求：

需求：打开注册A.html页面，完成以下操作：
1).点击 alert 按钮
2).关闭警告框
3).输入用户名：admin

  说明：Selenium中对处理弹出框的操作，有专用的处理方法；并且处理的方法都一样  　　（只要是系统弹窗，不论是哪一个，都是alert）   　　1. 获取弹出框对象     　　alert = driver.switch_to.alert 　　2. 调用     　　alert.text --> 　　　　返回alert/confirm/prompt中的文字信息    　　 alert.accept() --> 　　接受对话框选项     　　alert.dismiss() --> 　　取消对话框选项   我们来做一下上面需求：大家可以做一下   自定义弹窗可以通过定位元素，来进行操作

3、滚动条操作

为什么需要滚动条呢？

　　1. 在HTML页面中，由于前端技术框架的原因，页面元素为动态显示，元素根据滚动条的下拉而被加载 　　2. 页面注册同意条款，需要滚动条到最底层，才能点击同意    

先提需求：打开注册页面A，暂停2秒后，滚动条拉到最底层

  说明：selenium中并没有直接提供操作滚动条的方法，但是它提供了可执行JavaScript脚本的方法，所以我们可以通过JavaScript脚本来达到操作滚动条的目的。 　　1. 设置JavaScript脚本控制滚动条 　　　　js = "window.scrollTo(0,1000)" 　　　　(0:左边距；1000：只是一个尽可能大的值，不是准确值) 　　2. selenium调用执行JavaScript脚本的方法 　　　　driver.execute_script(js)   我们来做一下上边需求：  

# 最底层
js1 = "window.scrollTo(0,10000)"
driver.execute_script(js1)
# 最顶层
js2 = "window.scrollTo(0,0)"
driver.execute_script(js2)