Selenium + Python 自动化测试05（特殊元素定位方法）

        上一篇我们讲述了webdriver 元素操作方法。我们对常规操作有了一个基本的认识。接着我们详细讲述对特殊元素常见的一些基本操作方法，以便我们可以做很多功能操作的测试。

1、鼠标悬停的操作

1）常用方法

click：模拟鼠标单击操作

click_and _hold:模拟鼠标单击并且按住不放

double_click:鼠标双击

context_click:鼠标右击操作

drag_and_drop:鼠标拖曳

move_to_element:鼠标移动到指定的某个页面元素

perform():将之前一系列的ActionChains 执行

release:释放按下的鼠标

2）实操练习

需要用到的类

from selenium.webdriver.common.action_chains import ActionChains #键盘鼠标操作封装在ActionChains类中

以下以百度为例的参考代码：

driver.get("https://www.baidu.com")      #打开百度

 driver.maximize_window()

 time.sleep(1)

 '''

鼠标悬停的使用

'''

 #找到设置元素位置->悬停->点击高级搜索

 set_config=driver.find_element_by_id("s-usersetting-top")  #设置的位置

 ActionChains(driver).move_to_element(set_config).perform()    #模拟鼠标悬停

 time.sleep(3)

 driver.find_element_by_xpath("//*[@id='s-user-setting-menu']/div/a[2]/span").click()  #点击高级搜索

 time.sleep(3)

可以自动打开“高级搜索 ”

2、select 操作

我们经常遇到下拉框需要选择 ，这时候可以用到selenium用来处理select元素的方法

通过select_by_index  方式来触发，实例 如下：

操作这个网站：https://www.saucedemo.com/

username = "standard_user"

password = "secret_sauce"

print("登录的用户名是：%s，密码是：%s"%(username,password))

#打开浏览器，并最大化

driver.get("https://www.saucedemo.com/")   #打开练手的网站

driver.maximize_window()

# 输入用户名，

driver.find_element_by_name("user-name").send_keys(username)  # by name 定位

# 输入密码

driver.find_element_by_name("password").send_keys(password)  # by name 定位

time.sleep(1)

# 点击登录按钮

driver.find_element_by_id("login-button").click()  # by ID 定位

time.sleep(3)

'''

        select 的使用，选择下拉框

       '''

# 找到下拉框位置

se_location = driver.find_element_by_xpath("//*[@id='header_container']/div[2]/div/span/select")



# 通过序号选择1-“Z to A”,索引是从0开始

Select(se_location).select_by_index(1)

time.sleep(3)

以上代码实现下图中默认是A to Z改为：Z to A

3、利用JavaScript 操作页面元素

webdriver 对部分浏览器上控件并不是直接支持的，如浏览器右侧滚动条，富文本等。而是通过JavaScript间接操作。webdriver提供了execute_script() 和execute_async_script()两种方法来执行JavaScript代码。

1）基本操作说明

如百度为例：输入JavaScript代码来执行，可以看到下图结果

document.getElementById("kw").value="男人帮"

使用脚本实现：

'''

以百度为例说明JavaScript代码执行

'''

driver.get("https://www.baidu.com")  # 打开百度

driver.maximize_window()

time.sleep(1)

js='document.getElementById("kw").value="男人帮"'

driver.execute_script(js)

time.sleep(3)

以上代码可以达到和上图搜索一样的效果

2）用JavaScript代码实现对滚动条的操作

"window.scrollTo(100,300)"：对应滚动条横向和竖向移动的大小

'''

     以百度为例说明JavaScript代码执行滚动条

     '''

driver.get("https://www.baidu.com")  # 打开百度

driver.maximize_window()

#设置浏览器窗口大小，目的是将滚动条显示出来

driver.set_window_size(700,700)

driver.find_element_by_id("kw").send_keys("CSDN")

driver.find_element_by_id("su").click()

time.sleep(3)

#通过js拉动滚动条

js_tiao="window.scrollTo(100,300)"

driver.execute_script(js_tiao)

time.sleep(5)

driver.quit()

另外，使滚动条滑到底部可以用如下JS代码

"window.scrollTo(0,document.body.scrollHeight)"，执行后结果如下图：

本篇就介绍到这里，下一篇继续介绍复杂一些的操作方法。

每天进步一点点！