自动化测试之web自动化(Selenium)

 🔥 交流讨论:欢迎加入我们一起学习!

🔥 资源分享耗时200+小时精选的「软件测试」资料包

🔥 教程推荐:火遍全网的《软件测试》教程  

📢欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正!

1、介绍

自动化测试概念:让程序代替人为去验证程序功能的过程,本质上就是用来让将人的精力从重复性的工作中解放出来

优点:

  1. 减少人工的重复性劳动
  2. 执行速度快
  3. 可以重复利用
  4. 生成测试报告,有利于决策

缺点:

  1. 对测试人员的技能要求高

应用场景:

  1. 单元测试
  2. 回归测试:项目在发新版本之后对项目之前的功能进行验证
  3. 压力测试:可以理解多用户同时去操作软件,统计软件服务器处理多用户请求的能力
  4. 兼容性测试:不同浏览器(IE、Firefox、Chrome)等等

主流测试工具:

  • QTP(收费): QTP是商业的功能测试工具,收费,支持web,桌面自动化测试。
  • Selenium(开源)【本阶段学习】: Selenium是开源的web自动测试工具,免费,主要做功能测试。
  • Jmeter(开源、Web、接口、性能, 接口测试使用): Jmeter是由Apache公司使用Java平台开发的一款测试工具,支持(Web、接口测试、性能测试)。
  • Loadrunner(收费、Web、性能): Loadrunner是商业性能测试工具,收费,功能强大,适合做复杂场景的性能测试
  • Robot framework: Robot Framework是一个基于Python可扩展地(关键字驱动)的测试自动化框架;

2、Web自动化:Selenium

2.1、Selenium介绍

  • Selenium是一个用于Web应用程序测试的工具,可以直接调用浏览器,它支持所有主流的浏览器。
  • 最初是为网站自动化测试而开发的,但却被很多爬虫爱好者发扬光大

  • 官网:https://www.selenium.dev/

特点:

  1. 开源软件:源代码开放可以根据需要来增加工具的某些功能
  2. 跨平台:linux 、windows 、mac
  3. 核心功能:就是可以在多个浏览器上进行自动化测试
  4. 多语言:Java、Python、C#、JavaScript、Ruby等
  5. 成熟稳定:目前已经被google , 百度, 腾讯等公司广泛使用
  6. 功能强大:能够实现类似商业工具的大部分功能,因为开源性,可实现定制化功能

2.1.1、WebDriver

Webdriver 是一种用于控制浏览器的程序,不同的浏览器有不同的 webdriver

  1. Chrome (ChromeDriver)【本阶段学习使用】
  2. IE(InternetExplorerDriver)
  3. Opera(OperaDriver)
  4. Firefox (FirefoxDriver)
  5. safari(SafariDriver)
  6. HtmlUnit (HtmlUnit Driver)

webdriver 提供了对外的接口,其他程序通过这些接口控制 webdriver 与浏览器的交互。例如:我们可以写 python 程序来调用 webdriver 的接口。实际上从其他程序的角度看,webdriver 就是充当了和浏览器交互的一个桥梁。

说明:

  • Firefox、Chrome:对元素定位和操作有良好的支持,同时对JavaScript支持也非常好。
  • IE: 只能在windows平台运行,所有浏览器中运行速度最慢
  • HtmlUnit:无GUI(界面)运行,运行速度最快;

2.1.2、Selenium 执行过程

python代码--> selenium 封装的 python 接口--> WebDriver 提供接口--> 浏览器

2.1.3、环境搭建

  • 基于python环境搭建
pip install selenium -i https://pypi.tuna.tsinghua.edu.cn/simple

注意: 在安装selenium时,前提是Python3.5以上版本安装完毕且能正常运行

  • 安装适配浏览器版本的webdriver驱动

国内不能直接访问Chrome官网,可以在ChromeDriver仓库中下载或者https://npm.taobao.org/mirrors/chromedriver

2.2、元素定位

2.2.1、WebDriver元素定位的简单方式

selenium页面元素定位的方法,是在selenium中可以通过多种方式来定位标签,返回标签元素对象:

  • 通过 id 属性定位 : find_element_by_id
  • 通过 name 属性定位 : find_element_by_name
  • 通过 class 属性定位 : find_element_by_class_name
  • 通过标签名定位 : find_element_by_tag_name
  • 通过内容定位 a 标签(绝对匹配) : find_element_by_link_text
  • 通过内容定位 a 标签(模糊匹配) : find_element_by_partial_link_text

 View Code
  • Chrome(executable_path='./chromedriver')中executable参数指定的是下载好的chromedriver文件的路径
  • 要在代码中尽量保证driver.quit()能够成功执行,进而关闭driver退出模拟浏览器;不然将在操作系统中残留进程,对系统造成不必要的压力

2.2.2、xpath方式

  1. XPath即为XML Path的简称,它是一种用来确定XML/HTML文档中某部分位置的语言
  2. XPath文档:XPath 教程
1、xpath路径

html,xml 中的元素可以嵌套其他元素,但是根元素只有一个。我们可以这种嵌套关系看成路径。路径分绝对路径和相对路径:

  • 绝对路径:从根元素到指定元素之间所有经过元素层级路径,绝对路径以 "/" 开始,例如: input 的绝对路径是: /html/body/form/input
  • 相对路径:从任何元素开始到该元素的路径,相对路径以 "//" 开始,例如: 用户名输入框标签的相对路径有: //form/input//body/form/input
2、xpath定位

xpath 定位是结合路径来进行定位的,分为绝对定位和相对定位。定位过程中还可以结合元素的属性值。

定位方法:find_element_by_xpath

  • 纯路径定位
    • 绝对定位:find_element_by_xpath("/html/body/form/input")
    • 相对定位:find_element_by_xpath("//div/ul/li/a")
  • 结合属性定位
    • 单个属性:find_element_by_xpath("//input[@type='text']")
    • 多个属性:driver.find_element_by_xpath("//input[@type='text' and @name='username']")
  • 选择上一级元素
    • find_element_by_xpath("//input/.."):返回的是 form 元素
  • 满足条件的多个元素,选择其中的一个
    • driver.find_element_by_xpath("//ul/li[1]"):有多个 li 满足条件,选择其中一个,通过下标来完成,下标从 1 开始
    • driver.find_element_by_xpath("//ul/li[last()]"):选择最后一个
    • driver.find_element_by_xpath("//ul/li[last()-1]"):选择倒数第二个

 View Code

2.2.3、CSS方式

定位方法:find_element_by_css_selector

  1. 在selenium中极力推荐CSS定位,因为它比XPath定位速度要快
  2. CSS 选择器语法非常强大,在这里我们只学习在测试中常用的几个

 View Code

2.2.4、查询多个元素

  • 通过 id 属性定位 : find_elements_by_id
  • 通过 name 属性定位 : find_elements_by_name
  • 通过 class 属性定位 : find_elements_by_class_name
  • 通过标签名定位 : find_elements_by_tag_name
  • 通过内容定位 a 标签(绝对匹配) : find_elements_by_link_text
  • 通过内容定位 a 标签(模糊匹配) : find_elements_by_partial_link_text
  • 通过 xpath : find_elements_by_xpath
  • 通过 CSS 选择器: find_elements_by_css_selector

和选择单个元素的字面区别就是多了个 s

区别:调用这类方法,会返回一个列表,没有找到元素则返回空列表,查找单个元素的方法会在找不到元素时抛出 NoSuchElementException 异常

2.3、元素等待

概念:WebDriver定位页面元素时如果未找到,会在指定时间内一直等待的过程。

元素等待的必要性:

当使用脚本定位元素或去验证程序的运行状态时,由于资源受限或网络延迟引起的响应速度太慢,导致要定位的元素还未加载到页面。

例如:页面是通过 Ajax 发起请求,但是网络有延迟,提交按钮点击完后,页面等待服务器的返回结果来更新页面,那么在这期间,测试代码是不能够直接去查找预期的元素的。

元素等待类型

  1. 显式等待
  2. 隐式等待

2.3.1、显式等待

概念:使 WebDriver 等待某个条件成立,否则在达到最大时长时抛出超时异常(TimeoutException)

1、WebDriverWait 类
from selenium.webdriver.support.wait import WebDriverWait

参数:

  • driver: webdriver对象
  • timeout: 等待多长时间
  • poll_frequency: 每次执行失败时休眠多长时间
2、调用方法
WebDriverWait.util(method, message=''):

参数说明:

  • method 函数,这个函数必须定义一个参数,接受 driver 对象。例如: def contain_title(driver)
  • message 如果等待失败,message 作为消息抛出

返回值:如果找到,返回找到元素的对象

 View Code

2.3.2、隐式等待

如果定位某一元素定位失败,那么就会触发隐式等待有效时长,如果在指定时长内加载完毕,则继续执行,否则抛出 NoSuchElementException 异常。

调用方法
driver.implicitly_wait(10)

 View Code

2.4、浏览器常用属性和方法

2.4.1、属性

  • driver.name:当前浏览器的名字
  • driver.title:当前网页的标题
  • driver.current_url:当前网页的
  • url driver.page_source:当前网页的源码

2.4.2、方法

 View Code

2.4.3、窗口截图

说明:自动化脚本是由程序去执行的,因此有时候打印的错误信息并不是十分明确。如果在执行出错的时候对当前窗口截图保存,那么通过图片就可以非常直观地看到出错的原因。

在WebDriver类库中,提供了截图方法,我们只需要调用:

driver.get_screenshot_as_file(文件路径.png)

 View Code

2.4.4、执行 javascript 代码

有时候我们需要在特定页面中执行 javascript 脚本,通过 driver.execute_script(js代码)

 View Code

2.4.5、cookie

  • driver.get_cookies():获取所有的 cookie
  • driver.get_cookie(name):获取指定的 cookie
  • driver.delete_cookie(name):删除指定的 cookie
  • driver.delete_all_cookies():删除所有的 cookie
  • driver.add_cookie(cookie_dict):添加一个 cookie cookie_dict {"name":"xxx","value":"xxx"} 可选的 key 是 "path", "domain", "secure", "expiry"

 View Code

2.5、元素常用属性和方法

2.5.1、模拟鼠标单击

点击元素,通过调用 click() 方法

 View Code

2.5.2、输入框元素填充数据和清空

如果是输入框元素,可以通过 send_keys(字符串) 将该字符串填充到输入框中,通过 clear() 清空输入框

 View Code

2.5.3、获取标签属性

html 元素有一些属性,这些属性通过 get_attribute(属性名) 来获取

 View Code

2.5.4、行为链

WebDriver 中将元素的点击和发送表单数抽象位行为链,行为链中可以包含一个以上的动过,常见行为如下:

  • 鼠标单击
  • 鼠标右击
  • 鼠标双击
  • 鼠标拖动
  • 鼠标指针移动
  • 按键按下
  • 按键松开
1、ActionChains的使用
from selenium.webdriver.common.action_chains import ActionChains

使用步骤:

  1. 实例化 ActionChains
  2. 通过方法添加要执行的行为,可以添加多个,并且可以链式添加,这一步是保存要执行的行为,并不会执行。例如
  3. 调用 Actionchains 对象的 perform() 执行上一步添加的行为

 View Code
2、方法参考
  • reset_actions(self) : 清空行为链
  • click(self, on_element=None): 鼠标点击
  • click_and_hold(self, on_element=None) : 鼠标按下
  • release(self, on_element=None) : 松开鼠标
  • context_click(self, on_element=None) : 鼠标右击
  • double_click(self, on_element=None) : 鼠标双击
  • drag_and_drop(self, source, target) : 拖动元素,source 被拖动元素,target 表示被拖动到那个元素中
  • drag_and_drop_by_offset(self, source, xoffset, yoffset) : 拖动元素,给定x,y 轴偏移
  • key_down(self, value, element=None) : 按键按下
  • key_up(self, value, element=None) : 按键松开
  • move_by_offset(self, xoffset, yoffset) : 鼠标箭头移动,给定 x,y 轴偏移
  • move_to_element(self, to_element) : 鼠标移动到某个元素中心
  • move_to_element_with_offset(self, to_element, xoffset, yoffset) : 鼠标移动到元素内的 x,y 轴位置
  • send_keys(self, *keys_to_send): 发送多个按键,也可以是一个字符串
  • send_keys_to_element(self, element, *keys_to_send) :

2.6、窗口、frame、警告框

2.6.1、frame

frame:HTML页面中的一种框架,主要作用是在当前页面嵌套另一页面页面; (HTML语言中,<frame></iframe>标签为表单框架)

webdriver只能访问一个页面,默认是外层页面,如果要访问嵌套的页面,必须切换当前到嵌套页面中。

切换
driver.switch_to.frame(frame 元素)driver.switch_to.default_content() 切换到外层页面

 View Code

2.6.2、多窗口

说明:在HTML页面中,经常有a标签也就是超链接,这些链接在被执行时,有的会在新的窗口打开链接;

切换

说明:在WebDriver中封装了获取当前窗口句柄方法和获取所有窗口句柄的方法以及切换指定句柄窗口的方法;(句柄:英文handle,窗口的唯一识别码)

driver.switch_to.window(窗口句柄)

 View Code

2.6.3、警告框处理

说明:WebDriver中对处理警告框的操作,有专用的处理方法;

提示: HTML中常用的对话框有三种,处理的方法都一样

  1. alert
  2. confirm
  3. prompt
1、调用方法
# 获取当前窗口的警告框 
alert=driver.switch_to.alert
2、警告框处理方法
  1. accept : 接受对话框选项
  2. dismiss : 取消对话框选项

 View Code

2.7、下拉框

说明:下拉框就是HTML中<select>元素;

2.7.1、Select类

from selenium.webdriver.support.select import Select

说明:Select 类是 WebDriver 为解决 select 标签定位诞生的,此类定位的是 select 标签。

使用步骤:

  • 找到 select 元素
  • 实例化 Select 对象

 View Code

2.7.2、常用属性和方法

 View Code

2.8、无界面模式

2.8.1、Selenium无界面模式

绝大多数服务器是没有界面的,selenium控制谷歌浏览器也是存在无界面模式的,这一小节我们就来学习如何开启无界面模式(又称之为无头模式)

开启无界面模式的方法
  • 实例化配置对象
    • options = webdriver.ChromeOptions()
  • 配置对象添加开启无界面模式的命令
    • options.add_argument("--headless")
  • 配置对象添加禁用gpu的命令
    • options.add_argument("--disable-gpu")
  • 实例化带有配置对象的driver对象
    • driver = webdriver.Chrome('./chromedriver', options=options)

注意:macos中chrome浏览器59+版本,Linux中57+版本才能使用无界面模式!

 View Code

2.9、综合练习

使用selenium+unittest对美多v5.0项目(http://mp-meiduo-python.itheima.net)的登陆登出功能进行自动化测试,并生成测试报告

2.9.1、目录结构

image

2.9.2、测试用例

 View Code

2.9.3、main.py

 View Code

最后我邀请你进入我们的【软件测试学习交流群:785128166】, 大家可以一起探讨交流软件测试,共同学习软件测试技术、面试等软件测试方方面面,还会有免费直播课,收获更多测试技巧,我们一起进阶Python自动化测试/测试开发,走向高薪之路

作为一个软件测试的过来人,我想尽自己最大的努力,帮助每一个伙伴都能顺利找到工作。所以我整理了下面这份资源,现在免费分享给大家,有需要的小伙伴可以关注【公众号:程序员二黑】自提!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/519570.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

飞桨AI框架安装和使用示例

飞桨AI框架安装和使用示例 飞桨PaddlePaddle是非常流行的国产AI框架&#xff0c;让我们一起来动手实践吧&#xff01; 安装 飞桨安装参考页面&#xff1a;https://www.paddlepaddle.org.cn/install/quick?docurl/documentation/docs/zh/install/pip/linux-pip.html 在这个安…

网络工程师笔记10 ( RIP / OSPF协议 )

RIP 学习路由信息的时候需要配认证 RIP规定超过15跳认定网络不可达 链路状态路由协议-OSPF 1. 产生lsa 2. 生成LSDB数据库 3. 进行spf算法&#xff0c;生成最有最短路径 4. 得出路由表

【uni-app小程序开发】实现一个背景色渐变的滑动条slider

最近做的一个用uni-app+vue2开发的微信小程序项目中要实现一个滑动进度控制条,如下图所示: 1. 滑动条需要渐变背景色 2. 滑块的背景色需要与当前位置滑动条的背景色一致(动态改变) 碰到这样的需求,我当然先是看看官方提供的slider组件和uView里的u-slider组件能不能满足…

HarmonyOS云端一体化组件之AGC应用管理

&#xff08;可选&#xff09;在AGC控制台创建同包名应用 如创建工程时&#xff0c;发现尚未在AGC控制台创建与工程包名相同的应用&#xff0c;可进行补充创建。 1.点击界面提示内的“AppGallery Connect”&#xff0c;浏览器打开AGC控制台“我的项目”页面。 2.点击选择您希…

sql高级

sql高级 SQL SELECT TOP 子句 SELECT TOP 子句用于规定要返回的记录的数目。 SELECT TOP 子句对于拥有数千条记录的大型表来说&#xff0c;是非常有用的。 **注意:**并非所有的数据库系统都支持 SELECT TOP 语句。 MySQL 支持 LIMIT 语句来选取指定的条数数据&#xff0c; O…

万字长文讲解Golang pprof 的使用

往期好文推荐 ⭐️⭐️⭐️: # golang pprof 监控系列(1) —— go trace 统计原理与使用 # golang pprof监控系列&#xff08;2&#xff09; —— memory&#xff0c;block&#xff0c;mutex 使用 # golang pprof 监控系列(3) —— memory&#xff0c;block&#xff0c;mute…

数字孪生10个技术栈:数据采集的八种方式

大家好&#xff0c;我是贝格前端工场&#xff0c;上期讲了数字孪生10个技术栈&#xff08;总括&#xff09;:概念扫盲和总体介绍&#xff0c;获得了大家的热捧&#xff0c;本期继续分享技术栈&#xff0c;大家如有数字孪生或者数据可视化的需求&#xff0c;可以联络我们。 一、…

JavaWeb-MyBatis(上)

学完项目管理工具Maven后&#xff0c;继续学习MyBatis。我们都知道&#xff0c;JDBC是一个与数据库连接相关的API&#xff0c;最开始学习数据库连接都是从JDBC开始学起&#xff0c;但是其也有缺点&#xff0c;比如硬编码和操作繁琐等等。而今天学习的MyBatis就是专门为简化JDBC…

Docker网络+原理+link+自定义网络

目录 一、理解Docker网络 1.1 运行tomcat容器 1.2 查看容器内部网络地址 1.3 测试连通性 二、原理 2.1 查看网卡信息 2.2 再启动一个容器测试网卡 2.3 测试tomcat01 和tomcat02是否可以ping通 2.4 只要删除容器,对应网桥一对就没了 2.5 结论 三、--link 3.…

PCL 路面点云标线提取(C++详细过程版)

目录 一、算法原理二、代码实现三、结果展示本文由CSDN点云侠原创,原文链接。如果你不是在点云侠的博客中看到该文章,那么此处便是不要脸的爬虫与GPT。 一、算法原理 算法来自本人自创。实现效果如下图所示,具体实现原理看代码即可。 二、代码实现 #include

双体系Java学习之原始数据类型以及变量声明和赋值

原始数据类型 //八大基本数据类型//整数int num1 10; //最常用byte num2 20;short num3 30;long num4 30L; //Long类型要在数字后面加个L//小数&#xff1b;浮点数float num5 50.1F;//float类型要在数字后面加个Fdouble num6 3.1415926;//字符char name 国;//字符串&…

分布式搜索引擎-elasticsearch基础

分布式搜索引擎-elasticsearch基础 1、什么是elasticsearch&#xff1f; elasticsearch是一款非常强大的开源搜索引擎&#xff0c;可以帮助我们从海量数据中快速找到需要的内容。 elasticsearch结合kibana、Logstash、Beats&#xff0c;也就是elastic stack&#xff08;ELK&a…