第一、二单元 Web自动化测试进阶

1. 什么是框架

框架（framework）是一个框子 -- 指其约束性，也是一个架子 -- 指其支撑性，是一个基本概念上的结构，用于去解决或者处理复杂的问题。

框架是整个或部分系统的可重用设计，表现为一组抽象构件及构件实例间交互的方法；另一种定义认为，框架是可被应用开发者定制的应用骨架。前者是从应用方面而后者是从目的方面给出的定义。

框架，其实就是某种应用的半成品，就是一组组件，供你选用完成你自己的系统。简单说就是使用别人搭好的舞台，你来做表演。

2. 为什么使用框架

1)自己从头实现太复杂
2)使用框架能够更专注于业务逻辑，加快开发速度
3)框架的使用能够处理更多细节问题
4)使用人数多，稳定性，扩展性好

3. selenium工作原理

image.png

selenium原理.png

原理：webdriver是按照server–client的经典设计模式设计的。
server端就是remote server，可以是任意的浏览器。当我们的脚本启动浏览器后，该浏览器就是remote server，它的职责就是等待client发送请求并做出相应；client端简单说来就是我们的测试代码，我们测试代码中的一些行为，比如打开浏览器，转跳到特定的url等操作是以http请求的方式发送给被测试浏览器，也就是remote server；remote server接受请求，并执行相应操作，并在response中返回执行状态、返回值等信息。

4. selenium环境搭建

1）python3.7
2）Firefox35(大于43)
3）selenium2框架
稳定版 2.48.0 (pip install selenium==2.48.0)
4）浏览器驱动
下载谷歌驱动
selenium之 chromedriver与chrome版本映射表
Firefox浏览器对应各个版本驱动下载地址
firefox各个版本安装包的下载地址
注意：Firefox35(大于43)版本不需要下载驱动器，大于这个版本的需要，Chrome需要下载驱动器，下边分别演示。

5. selenium对浏览器操作

1）库的导入

from selenium import webdriver

2）创建浏览器对象
driver = webdriver.xxx()
使用dir(driver)查看方法

# 必须为大写
driver = webdriver.Firefox()
driver = webdriver.Chrome()

3）浏览器尺寸相关操作

maximize_window()     最大化
get_window_size()     获取浏览器尺寸，打印查看
set_window_size()     设置浏览器尺寸，400*400

4）浏览器位置相关操作

get_window_position()     获取浏览器位置
set_window_position(x,y)     设置浏览器位置

注意：显示器以左上角为(0,0),所有的位置操作都是相对于显示器左上角展开的位移操作，单位是像素。
5）浏览器的关闭操作

close()     关闭当前标签/窗口
quit()     关闭所有标签/窗口

6）页面请求操作

driver.get(url)    请求某个url对应的响应
refresh()     刷新页面操作
back()      回退到之前的页面
forward()     前进到之后的页面

案例

from selenium import webdriver
import time

# driver = webdriver.Chrome()#不可以找到，必须导入对应的驱动器
driver = webdriver.Firefox()
url1 = "http://www.baidu.com"
url2 = "https://zhuanlan.zhihu.com/"
# 请求第一个接口
driver.get(url1)
time.sleep(3)
# 刷新
driver.refresh()
driver.get(url2)
# 回退
driver.back()
time.sleep(3)
# 前进
driver.forward()
time.sleep(3)
driver.close()

6. selenium获取断言信息

6.1 什么是断言

断言是编程术语，表示为一些布尔表达式，程序员相信在程序中的某个特定点该表达式值为真，可以在任何时候启用和禁用断言验证，因此可以在测试时启用断言而在部署时禁用断言。

6.2 获取断言信息的操作

current_url 获取当前访问页面url
title 获取当前浏览器标题
page_source 获取网页源码

print(driver.current_url)
print(driver.title)
print(driver.page_source)

get_screenshot_as_png() 保存图片

data = driver.get_screenshot_as_png()
with open("a.png", "wb") as f:
    f.write(data)

image.png

get_screenshot_as_file(file) 直接保存

driver.get_screenshot_as_file("b.png")

7. selenium八大元素定位

from selenium import webdriver
driver = webdriver.Firefox()

# url = "http://www.baidu.com"
# driver.get(url)

# 第一种 id
# ele = driver.find_element_by_id("kw")
# ele.send_keys(12306)   # 输入数据

# from selenium.webdriver.common.by import By
# ele = driver.find_element(By.ID,"kw")
# ele.send_keys(12306)   # 输入数据

# 第二种 标签名字
# ele = driver.find_element_by_name("wd")
# ele.send_keys(12306)   # 输入数据

# 第三种 class
# ele = driver.find_element_by_class_name("s_ipt")
# ele.send_keys(12306)   # 输入数据

# 第四种 Xpath
# ele = driver.find_element_by_xpath("//*[@id='kw']")
# ele.send_keys(12306)   # 输入数据

# 第五种 css class
# ele = driver.find_element_by_css_selector("#kw")
# ele.send_keys(12306)   # 输入数据

# 第六种 text
# ele = driver.find_element_by_link_text("地图")
# ele.click()   # 输入数据

# 第七种：类似于模糊匹配
# ele = driver.find_element_by_partial_link_text("地")
# ele.click()

# 第八种：标签名定位，必须得保证只有一个这种名字的标签，使用下面这个搜索
# url = "http://cn.bing.com/"
# driver.get(url)
# ele = driver.find_element_by_tag_name("input")
# ele.send_keys(12306)   # 输入数据

8. 元素的操作

对元素的相关操作，一般要先获取到元素，再调用相关方法
element = driver.find_element_by_xxx(value)
1）点击和输入
点击操作---------->element.click()
清空/输入操作：
element.clear()---------------------->清空输入框
element.send_keys(data)-------->输入数据

案例

1.打开百度搜索        
2.搜索关键字 selenium        
3.清空            
4.搜索python

2）提交操作
element.submit()

9. 多标签之间的切换

场景：有的时候点击一个链接，新页面并非由当前页面跳转过去，而是新开一个页面打开，这种情况下，计算机需要识别多标签或窗口的情况。
1）获取所有窗口的句柄
handles = driver.window_handlers
调用该方法会得到一个列表，在selenium运行过程中的每一个窗口都有一个对应的值存放在里面。
2）通过窗口的句柄进入的窗口
driver.switch_to_window(handles[n])
driver.switch_to.window(handles[n])
通过窗口句柄激活进入某一窗口

案例：58同城租房信息:http://bj.58.com

driver.get("http://bj.58.com")
ele = driver.find_element_by_xpath(".//*[@id='fcNav']/em/a[1]")
ele.click()
# 直接报错，原因是需要句柄
eleDaxing = driver.find_element_by_link_text("大兴")
eleDaxing.click()

# 使用句柄
driver.get("http://bj.58.com")
print("点击之前句柄：", driver.window_handles)
ele = driver.find_element_by_xpath(".//*[@id='fcNav']/em/a[1]")
ele.click()
list_windowns = driver.window_handles
print("点击之后句柄：", driver.window_handles)
driver.switch_to.window(list_windowns[1])
eleDaxing = driver.find_element_by_link_text("大兴")
eleDaxing.click()

10. 多表单切换

在网页中，表单嵌套是很常见的情况，尤其是在登录的场景

10.1 什么是多表单

实际上就是使用iframe/frame，引用了其他页面的链接，真正的页面数据并没有出现在当前源码中，但是在浏览器中我们看到，简单理解可以使页面中开了一个窗口显示另一个页面

10.2 处理方法

直接使用id值切换进表单
driver.switch_to.frame(value)/driver.switch_to_frame(value)
定位到表单元素，再切换进入
el = driver.find_element_by_xxx(value)
driver.switch_to.frame(el)/driver.switch_to_frame(el)

案例：QQ空间:https://qzone.qq.com/

from selenium import  webdriver
#打开游览器
driver = webdriver.Firefox()
#登录QQ
url = "https://qzone.qq.com/"
driver.get(url)
#获取元素
#定位表单元素
ele_bd = driver.find_element_by_id("login_frame")
driver.switch_to.frame(ele_bd)
ele = driver.find_element_by_xpath(".//*[@id='switcher_plogin']")
ele.click()
#输入账号
ele2 = driver.find_element_by_id("u")
ele2.send_keys()
#输入密码
ele3 = driver.find_element_by_id("p")
ele3.send_keys("")

ele4 = driver.find_element_by_id("login_button")
ele4.click()

11. 弹出框操作

进入到弹出框中
driver.switch_to.alert
接收警告
accept()
解散警告
dismiss()
发送文本到警告框
send_keys(data)
用法：driver.switch_to.alert.accept()

案例：

from selenium import  webdriver
driver = webdriver.Firefox()
driver.get("http://www.baidu.com")
ele_setting = driver.find_element_by_id("s-usersetting-top")
ele_setting.click()
ele_gaoji = driver.find_element_by_class_name("setpref")
ele_gaoji.click()
ele_save = driver.find_element_by_class_name("prefpanelgo")
ele_save.click()
driver.switch_to.alert.accept()

12.下拉框

from selenium import  webdriver
import time
driver = webdriver.Firefox()
driver.get("http://www.baidu.com")
ele = driver.find_element_by_id("s-usersetting-top")
ele.click()
ele1 = driver.find_element_by_xpath(".//*[@id='s-user-setting-menu']/div/a[2]")
ele1.click()
time.sleep(2)
ele2 = driver.find_element_by_xpath(".//*[@id='yadv-setting-gpc']/div/div[1]/i[1]")
ele2.click()
list_ele = driver.find_elements_by_class_name("c-select-item")
print(list_ele)
list_ele[2].click()
# for list_i in list_ele:
#     print(list_i.text)
#     if list_i.text =="最近一周":
#         list_i.click()

13. 鼠标和键盘操作

手动测试时键盘的操作在selenium页有实现，关于鼠标的操作由ActionChains()类来提供，关于键盘的操作由Key()类来提供
1)鼠标操作

导入动作链类，动作链可以储存鼠标的动作，并一起执行

from selenium.webdriver import ActionChains
ActionChains(driver)

鼠标右击

el = driver.find_element_by_xxx(value)
context_click(el)

对el执行右击

执行ActionChains中储存的所有动作

perform()

常用鼠标动作：

ActionChains(driver).context_click(ele).perform()        点击鼠标右键      
ActionChains(driver). double_click(ele).perform()        点击鼠标左键
ActionChains(driver).move_to_element(el).perform() 鼠标悬停

案例

from selenium.webdriver import ActionChains
from selenium import webdriver
import time

driver = webdriver.Firefox()
driver.get("http://www.baidu.com")
ele = driver.find_element_by_xpath(".//*[@id='s-top-left']/div/a")
# ele.click()
ActionChains(driver).double_click(ele).perform()

2)键盘操作
键盘操作使用的是Keys类,一般配合send_keys使用

导入

from selenium.webdriver.common.keys import Keys

常用键盘操作

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,‘a’)   全选（Ctrl+A）
send_keys(Keys.CONTROL,‘x’)   剪切（Ctrl+X）
send_keys(Keys.CONTROL,‘v’)   粘贴（Ctrl+V）
send_keys(Keys.F1)            键盘 F1
send_keys(Keys.F12)           键盘 F12

14. 浏览器等待

1) 为什么要进行等待？
1.网速慢
2.网站内容过多
3.如果不进行等待而直接定位元素，可能会抛出异常
2) selenium中等待的分类：

显示等待
显示等待是根据条件进行等待，等待条件出现
实现:

from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
WebDriverWait(driver, timeout, poll_frequency=0.5, ignored_exceptions=None)

WebDriverWait类是由WebDirver 提供的等待方法。在设置时间内，默认每隔一段时间检测一次当前页面元素是否存在，如果超过设置时间检测不到则抛出异常。

案例

WebDriverWait(driver,10,0.5).until(EC.presence_of_element_located(
(By.CLASS_NAME,"g-hu")))

思考：显示等待与time的区别？

隐式等待
隐式等待是根据是件进行等待,等待特定时间
```
driver.implicitly_wait(n)
```
n的单位为秒,n为最大值，在这个最大值内只要该界面上的全部元素都加载完成定就结束没有加载出元素就抛出 NosuchException.
注意：优先隐式等待，次之显式等待，最次固定等待

15. 练习

使用游览器登录http://www.baidu.com
搜索淘宝官网
登录用户名和密码
搜索商品(手机，电脑，，，，),给定约束条件(价格,包邮,发货地址。。。)
将商品添加到购物车
在购物中游览该商品
根据自己的喜好进行下面的操作

16. 2.IDE功能简介

image.png

文件：创建、打开和保存测试案例和测试案例集。编辑：复制、粘贴、删除、撤销和选择测试案例中的所有命令。Options : 用于设置seleniunm IDE。
用来填写被测网站的地址。
速度控制：控制案例的运行速度。
运行所有：运行一个测试案例集中的所有案例。
运行：运行当前选定的测试案例。
暂停/恢复：暂停和恢复测试案例执行。
单步：可以运行一个案例中的一行命令。
录制：点击之后，开始记录你对浏览器的操作。
案例集列表。
测试脚本；table标签：用表格形式展现命令及参数。source标签：用原始方式展现，默认是HTML语言格式，也可以用其他语言展示。
查看脚本运行通过/失败的个数。
当选中前命令对应参数。
日志/参考/UI元素/Rollup

# -*- coding: utf-8 -*-
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.support.ui import Select
from selenium.common.exceptions import NoSuchElementException
from selenium.common.exceptions import NoAlertPresentException
import unittest, time, re

class Qq(unittest.TestCase):
    def setUp(self):
        self.driver = webdriver.Firefox()
        self.driver.implicitly_wait(30)
        self.base_url = "https://qzone.qq.com/"
        self.verificationErrors = []
        self.accept_next_alert = True
    
    def test_qq(self):
        driver = self.driver
        driver.get(self.base_url + "/")
        # ERROR: Caught exception [ERROR: Unsupported command [selectFrame | login_frame;login_href=https%3A%2F%2Fxui.ptlogin2.qq.com%2Fcgi-bin%2Fxlogin%3Fproxy_url%3Dhttps%253A%2F%2Fqzs.qq.com%2Fqzone%2Fv6%2Fportal%2Fproxy.html%26daid%3D5%26%26hide_title_bar%3D1%26low_login%3D0%26qlogin_auto_login%3D1%26no_verifyimg%3D1%26link_target%3Dblank%26appid%3D549000912%26style%3D22%26target%3Dself%26s_url%3Dhttps%253A%252F%252Fqzs.qq.com%252Fqzone%252Fv5%252Floginsucc.html%253Fpara%253Dizone%26pt_qr_app%3D%25E6%2589%258B%25E6%259C%25BAQQ%25E7%25A9%25BA%25E9%2597%25B4%26pt_qr_link%3Dhttps%253A%2F%2Fz.qzone.com%2Fdownload.html%26self_regurl%3Dhttps%253A%2F%2Fqzs.qq.com%2Fqzone%2Fv6%2Freg%2Findex.html%26pt_qr_help_link%3Dhttps%253A%2F%2Fz.qzone.com%2Fdownload.html%26pt_no_auth%3D0 | ]]
        driver.switch_to.frame(driver.find_element_by_id("login_frame"))
        driver.find_element_by_id("switcher_plogin").click()
        # driver.find_element_by_id("uin_del").click()
        driver.find_element_by_id("u").clear()
        driver.find_element_by_id("u").send_keys("3084761668")
        driver.find_element_by_id("p").clear()
        driver.find_element_by_id("p").send_keys("dafei123457")
        driver.find_element_by_id("login_button").click()
        # ERROR: Caught exception [ERROR: Unsupported command [selectWindow | null | ]]
        # driver.find_element_by_id("tcaptcha_drag_thumb").click()

        # self.assertEqual(driver.title,"QQ空间")
        self.assertIn("QQ11空间",driver.title)
    def is_element_present(self, how, what):
        try: self.driver.find_element(by=how, value=what)
        except NoSuchElementException as e: return False
        return True
    
    def is_alert_present(self):
        try: self.driver.switch_to_alert()
        except NoAlertPresentException as e: return False
        return True
    
    def close_alert_and_get_its_text(self):
        try:
            alert = self.driver.switch_to_alert()
            alert_text = alert.text
            if self.accept_next_alert:
                alert.accept()
            else:
                alert.dismiss()
            return alert_text
        finally: self.accept_next_alert = True
    
    def tearDown(self):
        self.driver.quit()
        self.assertEqual([], self.verificationErrors)

if __name__ == "__main__":
    unittest.main()

百度、QQ空间
导出

第一、二单元 Web自动化测试进阶

1. 什么是框架

2. 为什么使用框架

3. selenium工作原理

4. selenium环境搭建

5. selenium对浏览器操作

6. selenium获取断言信息

6.1 什么是断言

6.2 获取断言信息的操作

7. selenium八大元素定位

8. 元素的操作

9. 多标签之间的切换

10. 多表单切换

10.1 什么是多表单

10.2 处理方法

11. 弹出框操作

12.下拉框

13. 鼠标和键盘操作

14. 浏览器等待

15. 练习

16. 2.IDE功能简介

你可能感兴趣的:(第一、二单元 Web自动化测试进阶)