《手把手教你》系列练习篇之7-python+ selenium自动化测试 -压轴篇(详细教程)

2019-12-10 16:28:04 浏览数 (1)

1. 简介

  “压轴”原本是戏曲名词,指一场折子戏演出的倒数第二个剧目。在现代社会中有很多应用,比如“压轴戏”,但压轴也是人们知识的一个盲区。“压轴”本意是指倒数第二个节目,而不是人们常说的倒数第一个,倒数第一个节目称“压台”。想看“压台篇”,敬请关注宏哥

等待压台篇发布。当然了,宏哥不是唱戏啊,而是分享技术类文章的。好了言归正传回归正题。

  之前的文章中,针对元素的各种属性,进行了相对应的操作,而且对模拟键盘和鼠标的操作也有简单介绍。那么接下来由宏哥带着各位小伙伴和童鞋们来详细地看看selenium如何模拟操作键盘和鼠标;练习如何执行JavaScript、多窗口切换、处理iframe切换等知

识和内容。

2. 键盘事件

webdriver可以模拟常规键盘上所有的按键操作,在导入包的源码中可以看到所有命令对应的按键。

以代码的形式来展示:

代码语言:javascript复制
# coding=utf-8?

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2019-12-06
@author: 北京-宏哥   QQ交流群:705269076
Project: 《手把手教你》系列练习篇之7-python  selenium自动化测试
'''

# 3.导入模块

import time

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys

driver = webdriver.Chrome()
driver.get("https://www.baidu.com")

# 键盘事件
driver.find_element(By.ID, 'kw').send_keys("selenium&python?")
time.sleep(3)
driver.find_element(By.ID, 'kw').send_keys(Keys.BACK_SPACE)  # 利用backspace键删除字符串最后一位
time.sleep(3)
driver.find_element(By.ID, 'kw').send_keys(Keys.SPACE)  # 在字符串后空格键添加空格
driver.find_element(By.ID, 'kw').send_keys("学习")  # 继续在字符串后面添加字符串
driver.find_element(By.ID, 'kw').send_keys(Keys.ENTER)  # 输入回车enter键进行搜索
time.sleep(3)

driver.find_element(By.ID, 'kw').send_keys(Keys.CONTROL, 'a')  # 全选搜索框中的内容
driver.find_element(By.ID, 'kw').send_keys(Keys.CONTROL, 'x')  # 剪切搜索框中的内容,也可以使用c进行复制
time.sleep(3)

# 打开另外一个搜索网站,输入刚刚剪切的内容
driver.get("https://www.google.com")
driver.find_element(By.ID, 'lst-ib').send_keys(Keys.CONTROL,
                                               'v')  # 粘贴刚刚复制、剪切的内容
driver.find_element(By.ID, 'lst-ib').submit()  # 提交搜索

time.sleep(3)
"""
send_keys(Keys.BACK_SPACE) 删除键(BackSpace)

send_keys(Keys.SPACE) 空格键(Space)

send_keys(Keys.TAB) 制表键(Tab)

send_keys(Keys.ESCAPE) 回退键(Esc)

send_keys(Keys.ENTER) 回车键(Enter)

send_keys(Keys.CONTROL, ‘a’) 全选(Ctrl A)

send_keys(Keys.CONTROL, ‘c’) 复制(Ctrl C)

send_keys(Keys.CONTROL, ‘x’) 剪切(Ctrl X)

send_keys(Keys.CONTROL, ‘v’) 粘贴(Ctrl V)

send_keys(Keys.F1) 键盘 F1
...
send_keys(Keys.F12) 键盘 F12
"""
driver.quit()

3. 鼠标事件

上面的键盘事件比较好理解,鼠标事件的话直接看源代码或许就有些纠结了,但是源代码的注释说明其实对ActionChains说明的比较清楚。

ActionChains是一种自动执行低级别交互的方法,例如鼠标移动,鼠标按钮操作,按键和上下文菜单交互。这对于执行更复杂的操作非常有用,例如悬停和拖放。

用户操作。 在ActionChains对象上调用操作方法时,操作将存储在ActionChains对象的队列中。 当调用perform()时,事件将按它们排队的顺序触发。

ActionChains可以用于链式或者可以将操作逐个排队,然后执行。

无论哪种方式,动作都按照它们被调用的顺序执行,一个在另一个之后执行。

这里还是以代码展示部分功能吧:

代码语言:javascript复制
# coding=utf-8?

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2019-12-06
@author: 北京-宏哥   QQ交流群:705269076
Project: 《手把手教你》系列练习篇之7-python  selenium自动化测试
'''

# 3.导入模块

import time

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains

driver = webdriver.Chrome()

driver.get("https://www.baidu.com")
time.sleep(3)

# 定位元素
ele_1 = driver.find_element(By.XPATH, '//*[@id="u1"]/a[9]')
ele_2 = driver.find_element(By.XPATH, '//*[@id="u1"]/a[8]')

# 将鼠标悬停在元素1上3秒后再次悬停到元素2上
ActionChains(driver).move_to_element(ele_1).perform()
time.sleep(3)
ActionChains(driver).move_to_element(ele_2).perform()
time.sleep(3)

driver.quit()

上述代码实现了在元素上进行悬停,再移动至另一元素上。

还有其他操作如下:

代码语言:javascript复制
"""
click(on_element=None) ——单击鼠标左键

click_and_hold(on_element=None) ——点击鼠标左键,不松开

context_click(on_element=None) ——点击鼠标右键

double_click(on_element=None) ——双击鼠标左键

drag_and_drop(source, target) ——拖拽到某个元素然后松开

drag_and_drop_by_offset(source, xoffset, yoffset) ——拖拽到某个坐标然后松开

key_down(value, element=None) ——按下某个键盘上的键

key_up(value, element=None) ——松开某个键

move_by_offset(xoffset, yoffset) ——鼠标从当前位置移动到某个坐标
 
move_to_element(to_element) ——鼠标移动到某个元素
 
move_to_element_with_offset(to_element, xoffset, yoffset) ——移动到距某个元素(左上角坐标)多少距离的位置
 
perform() ——执行链中的所有动作

release(on_element=None) ——在某个元素位置松开鼠标左键

send_keys(*keys_to_send) ——发送某个键到当前焦点的元素

send_keys_to_element(element, *keys_to_send) ——发送某个键到指定元素
"""

通过这些键盘和鼠标的操作,就可以做更多了

4. 执行JavaScript

前面文章介绍了ActionChains下的鼠标悬停和右键操作,其实ActionChains还有其他方法,你可以 action = ActionChains,通过这,先初始化一个ActionChains实例对象,然后在action后面输入一个点号,查看支持哪些action方法。本文开始介绍如何执行JS脚本,会用两个例子说明。

示例一,执行js脚本触发一个alert弹出框。

相关脚本代码如下:

4.1 代码实现:
4.2 参考代码:
代码语言:javascript复制
# coding=utf-8?

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2019-12-05
@author: 北京-宏哥   QQ交流群:705269076
Project: python  selenium自动化测试练习篇5
'''

# 3.导入模块
import time
from selenium import webdriver


driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(6)
driver.get("https://www.baidu.com")
time.sleep(1)

driver.execute_script("window.alert('这是一个alert弹框。');") # 注意这里的分号是英文输入法的分号,不能用中文
4.3 运行结果:

运行代码后,控制台打印如下图的结果

4.4 浏览器运行结果

为了看得清楚,我们这里还是不退出浏览器,浏览器运行后,如下图:

4.5 示例二

执行js脚本来控制浏览器竖向滚动条

打开百度贴吧,然后拖动滚动条到左侧 “地区"

4.5.1 代码实现:
4.5.2 参考代码:
代码语言:javascript复制
# coding=utf-8?

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2019-12-05
@author: 北京-宏哥   QQ交流群:705269076
Project: python  selenium自动化测试练习篇5
'''

# 3.导入模块
import time
from selenium import webdriver


driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(6)
driver.get("https://tieba.baidu.com/index.html")
time.sleep(1)

target_elem = driver.find_element_by_link_text("地区")
driver.execute_script("return arguments[0].scrollIntoView();",target_elem) # 用目标元素参考去拖动
#driver.execute_script("scroll(0,2400)") # 这个是第二种方法,比较粗劣,大概的拖动
4.5.3 运行结果:

运行代码后,控制台打印如下图的结果

4.5.4 浏览器运行结果

为了看得清楚,我们这里还是不退出浏览器,浏览器运行后,如下图:

5. 多窗口之间切换

本文来介绍如何处理driver在多窗口之间切换,想一下这样的场景,在页面A点击一个连接,会触发在新Tab或者新窗口打开页面B,由于之前的driver实例对象在页面A,但是你接下来的脚本是操作页面B的元素,这样就造成了找不到元素的报错。本来介绍selenium中switch_to.window()方法来处理这个问题。

测试场景:打开百度新闻(页面A),点击热点新闻中第一个新闻链接(一般是国家领导人的新闻),会在第二个窗口打开这个新闻的具体详情页(页面B),测试需要去判断你点击这个这个新闻,在打开的详情页是否正确。

问题拆分:

1. 我们已经知道switch_to.window()方法可以处理窗口切换的问题

2. 在页面A跳转到页面B之前,我们需要用一个变量保存这个新闻的标题

3. 切换到页面B后,我们获取这个新闻标题,然后和前面这个变量保存的值去对比,如果相等,那么就测试通过。

我们分两个步骤去解答这个测试需求:

1. 先实现页面A切换到页面B

2. 页面A和页面B两个新闻标题进行对比

先看看窗口切换的脚本代码:

5.1 代码实现:
5.2 参考代码:
代码语言:javascript复制
# coding=utf-8?

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2019-12-06
@author: 北京-宏哥   QQ交流群:705269076
Project: python  selenium自动化测试练习篇5
'''

# 3.导入模块
import time
from selenium import webdriver


driver = webdriver.Chrome()
driver.maximize_window()
driver.get('http://news.baidu.com')
time.sleep(1)

driver.find_element_by_xpath("//*[@id='pane-news']/div/ul/li[1]/strong/a").click()
print (driver.current_window_handle) # 输出当前窗口句柄
handles = driver.window_handles # 获取当前全部窗口句柄集合
print (handles) # 输出句柄集合

for handle in handles:# 切换窗口
    if handle != driver.current_window_handle:
        print ('switch to second window',handle)
        driver.close() # 关闭第一个窗口
        driver.switch_to.window(handle) #切换到第二个窗口
5.3 运行结果:

运行代码后,控制台打印如下图的结果

5.4 浏览器运行结果

为了看得清楚,我们这里还是不退出浏览器,浏览器运行后,如下图:

代码解释: 1. 先打印当前窗口(页面A)句柄,一个长字符串

2. 获取全部窗口句柄,这里我们有两个,打印出这两个句柄。

3. for 循环遍历,当发现其中一个句柄和当前句柄不相等,这里做了三件事,第一件,打印一个语句,告诉你马上要切换到第二个窗口,第二件,关闭当前窗口,这里指页面A,第三,切换到页面B窗口。

这里在切换到第二个页面时候,我关闭之前的页面A,只是我个人测试习惯,你可以不关闭,但是你的要思路清晰,哪些元素在页面A还是在页面B,如果操作了页面B后还要操作页面A的元素,你还要切换到页面A,为了麻烦,建议你每次切换都把前面页面给关闭。

5.4 断言切换的是不是你刚刚点击的新闻

判断在打开新页面显示的新闻标题是不是你刚刚点击的新闻,脚本代码如下:

5.4.1 代码实现:
5.4.2参考代码:
代码语言:javascript复制
# coding=utf-8?

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2019-12-06
@author: 北京-宏哥   QQ交流群:705269076
Project: python  selenium自动化测试练习篇5
'''

# 3.导入模块
import time
from selenium import webdriver


driver = webdriver.Chrome()
driver.maximize_window()
driver.get('http://news.baidu.com')
time.sleep(1)

news_link = driver.find_element_by_xpath("//*[@id='pane-news']/div/ul/li[1]/strong/a")
page1_title_string = news_link.text #得到页面A新闻标题
print('page1_title_string'  page1_title_string)
news_link.click() # 点击新闻链接
time.sleep(1)
handles = driver.window_handles

for handle in handles:# 切换窗口(切换到搜狗)
    if handle != driver.current_window_handle:
        print ('switch to second window',handle)
driver.close() # 关闭第一个窗口
driver.switch_to.window(handle) #切换到第二个窗口
page2_title_string = driver.find_element_by_xpath(".//*[@id='title_area']/h1").text # 详情页有一个原标题
print('page2_title_string'  page2_title_string)
try :
    assert page1_title_string in page2_title_string # 判断页面B标题是否包含页面A标题
    print ('Test Pass.')
except Exception as e:
    print ('Test Fail')
5.4.3 运行结果:

运行代码后,控制台打印如下图的结果

注意:很有可能遇到,页面A的标题是简短,页面B的标题是长标题,这个时候就需要采取,字符串包含的关系去断言,我这里刚好打开的详情页有一个叫 “原标题:xxxx”,由于这个新闻具有时效性,等你看这篇文章,可能脚本运行不成功,需要调整下脚本,如果不

好断言,就放弃断言部分,本文只学窗口切换,至于测试断言技能,需要你不断去写脚本,去掌握和提高的部分。

6. 小结

好了,今天的练习就到这里,希望大家好好的练习和理解。

0 人点赞