基于python的Selenium webdriver环境搭建(笔记)

测试小迪 2024-10-26 15:33:01 阅读 77

一、PyCharm安装配置Selenium环境

本文使用环境:windows11、Python 3.8.1、PyCharm 2019.3.3、Selenium 3.141.0 

测试开发环境搭建综述 

安装python和pycharm安装浏览器安装selenium安装浏览器驱动测试环境是否正确

这里我们直接从第三步开始

1.1 Seleium安装

在PyCharm终端或window命令窗口输入以下命令

 #查看已安装的Python包(可跳过)

 pip list

 #安装Selenium 3.141.0 

 pip install selenium==3.141.0

 #卸载Selenium命令

 pip uninstall selenium

1.2 安装浏览器驱动

下载浏览器驱动,这里给出各浏览器(Chrome、Firefox、Edge等)的驱动,自行下载所需浏览器驱动。

Firefox(火狐)浏览器驱动

下载地址:Releases · mozilla/geckodriver · GitHub

Chrome(google)浏览器驱动

下载地址:http://chromedriver.storage.googleapis.com/index.html

Microsoft Edge (EdgeHTML)浏览器驱动

下载地址:Microsoft Edge WebDriver | Microsoft Edge Developer

将下载好的浏览器驱动放置在Python安装目录下,这里我们以火狐为例

30466e8fae134583837ba06e18bc7a0c.png

1.3 验证环境是否搭建成功   

新建一个python文件,输入代码

WebDriver初步

导入webdriver(模块):from selenium import webdriver获得Firefox浏览器的驱动(实例化Firefox类):driver=webdriver.Firefox()打开被测试页面:base_url="https://www.baidu.com"                             driver.get(base_url)

 

 执行代码,火狐浏览器打开,环境搭建成功

47163a91fd1c4300a64f9bb8b8eecffd.png

二、Selenium WebDriver使用

定位元素方法概述

准确无误的找到页面中要操作的页面元素是自动化测试的第一步,页面元素由大量的超级链接、图片、文本框、按钮、下拉列表等组成,这些页面元素在HTML中对应各种标记和相应的标记属性,webdriver正是通过这些标记及标记属性来对页面元素进行识别定位的WebDriver提供了八种定位元素方式,并提供对应的方法:

fb72f0b2b9ad429bafb599be78f4cae6.png

​针对八种定位方法,WebDriver还提供了另一套写法,即统一调用find_element()方法,通过类By来声明定位方法,并且闯入对应方法的定位参数函数:find_element(定位类型,定位具体信息)需要导入类By:   from selenium.webdriver.common.by import By另外八种定位方式及对应的方法:

f4cea0827f924032ac6f69211b6f88a8.png

2.1 id定位 

 HTML规定id属性在HTML文档中必须是唯一的

如;

<input type=text id=username size=15>

<input type=password id=password size=15>

WebDriver提供的id定位方法就是通过元素的id属性来查找定位元素

方法:

(1)find_element_by_ id("id属性值”)

(2)find_element(By.ID."id属性值”)

如:

driver=webdriver.Firefox()

(1)myname=driver.find element by id(“username”)

(2)myname=driver.find element(By.lD,“username”)

核心知识点

1.使用id定位元素

24338aaf7564446fa83fbf6066e1da8f.png

2a42b34243f94fd28947533703580869.png

7503f13fdfa642b3aeed46f9ed921030.png

2.在文本框中输入:

5c3bfdbb5bbe4d6481101d09f70123b8.png

3.单击按钮:

9f4f81c11ad54f8e980f31543b540800.png

baf12961e6434e4d92e24564012f4c8e.png

4.关闭浏览器

dbf0b3a4fb4946c887d42c6c9f4a5dfb.png

5.控制运行速度

77b743b941ac4e9a82a5a278800d27d5.png

id定位的eg:

28b20954e30a4989b554e8a15de4b031.png

​ 

2.2 name定位

HTML规定name属性来指定元素的名称,在当前页面中可以不唯一

:<input type=text id=count name=count>

WebDriver提供的name定位方法就是通过元素的name属性来查找定位元素

方法:

find_element_by_name('name属性值')

find_element(By.NAME,'name属性值')

如:

driver=webdirver.Firefox()

mycount=driver.find_element_by_name('count')

mycount=driver.find_element(By.NAME,'count')

name定位的eg: 

d839a24767954827be5e0b45da8213f0.png

2.3 linktext定位 

WebDriver提供的linktext定位方法专门用于定位文本链接

方法:

find_element_by_link_text('链接文字')

find_element(By.LINK_TEXT,'链接文字')

如:

176eac70a1164beca313ace52aba2d70.png

68bb83e6a60f41d78afd67acb9e731bc.png

核心知识点: 

1.使用linktext定位元素

42462225e51c43afa152c9ad01403080.png

2.浏览器后退 

6d0fa9e631544d7188a39a2c9dddeefe.png

linktext定位的eg:

 

718a3ae6d3284215a5710317937a7156.png

 

97ec5c16195f4304a4bfd657f01a03f0.png

2.4 partial link text定位

WebDriver提供的partial link text定位方法也是专门用于定位文本链接,作为link text方法的补充,适合于文本链接比较长的情况

方法:

find_element_by_partial_link_text('部分链接文字')

find_element(By.PARTIAL_LINK_TEXT,‘部分链接文字’)

如:

partial link text 定位的例子:

2.5 class定位

HTLM规定class属性来指定元素的类名

如:

<input type=text class=username>

WebDriver提供的class name定位方法就是通过元素的class属性来查找定位元素 

方法:

find_element_by_class_name('class属性值')

find_element(By.CLASS_NAME,'class属性值')

如:

driver=webdriver.Firefox()

mylink=driver.find_element_by_class_name('username')

mylink=driver.find_element(By.CLASS_NAME,'username')

 class定位例子:

 

2.6 tag name定位(不常用)

(基本不用,在现实情况中极少出现只有一个标记,有相同标记时,定位后只会在第一个标记处进行操作)

HTML本质就是通过tag(标记)来定义实现不同的功能,每个元素本质上就是一个tagWebDriver提供的tag name定位方法就是通过元素的tag来查找定位元素

find_element by_tag_name(“tag name")

find element(By.TAG NAME,"tag name")

:

driver=webdriver.Firefox()

mylink=driver.find element by tag name(“a”)

mylink=driver. find element(By.TAG NAME,“a”)

2.7 Xpath定位(万能方法)

 

2.7.1 什么是XML?

是eXtensible Markup Language的缩写,称为可扩展标记语言是对HTML的扩展,所有的标记和标记中的属性可以自己定义

 2.7.2 什么是XPath?

XPath是XMLPath的缩写,称成XML路径语言XPath是在XML文档中查找信息的一种语言,可用来在XML文档中对元素和属性进行搜索XPath使用路径表达式来选取XML文档中的节点或节点集如:/书店/图书[1]/书名

由于HTML文档本身就是一个标准的XML页面,所以可以使用XPath方法来定位页面元素HTML文档树型结构:

 Xpath路径表达式:

就是描述节点或节点集所在路径的表达式

如:

/html/body/div/a

 

2.7.3 绝对路径XPath定位

绝对路径XPath表达式以斜线"/"开始,从HTML代码的最外层节点标记html开始,逐级描述节点的位置路径查找的时候,从根节点html开始,按照指定的路径逐级查找,直到找到想要的节点元素

示例:

1.选择根元素html

/html

2.选择文本域textarea

/html/body/form/textarea

3.选择form下所有的input     

/html/body/form/input

定位语句:

重点说明 /html/body/form/input[@value='姓名']

使用绝对路径查找以"/"开头

路径之间使用“/”进行分隔

为了精确定位,往往需要附加一些属性说明信息

属性说明使用方括号[]括起来属性名称前使用@符号前缀属性说明格式:节点名称[@属性名='属性值']注意:属性值的引号,不要与外层的引号相同,外层用双,属性值用单,外层用单,属性值用双

优点:效率高

缺点:表达式较长,且可维护性不好 

不推荐采用绝对定位方法,因为页面一旦发生变化,原有定位到XPath表达式就会失败

eg:

2.7.4 相对路径定位元素

相对路径Xpath表达式以双斜线“//”开始,表示在HTML文档中的全部层级位置进行查找索要定位元素

定位语句:

 重点说明://input[@id='password']

使用相对路径查找以“//”开头,表示在HTML文档中的全部层级位置进行查找所有满足双斜线"//"之后规则的元素(无论层级关系)

优点:表达式简介,且可维护性好

缺点:效率低

推荐使用相对路径的XPath表达式,可以大大降低测试脚本中定位表达式的维护成本

eg:

2.8 css定位

2.8.1 什么是css

CSS(Cascading Style Sheets)中文意思是层叠样式单,是一种用于描述HTML和XML文件样式的前端页面语言,主要用于描述页面元素的展现和样式的定义

WebDriver提供CSS定位方式,对应的方法:

driver=webdriver.Firefox()

driver.find element by_css selector("css表达式")

driver.find element(By.CSS SELECTOR,"css表达式")

2.8.2 绝对路径css定位

绝对路径CSS表达式从HTML代码的最外层节点标记htm开始,逐级描述节点的位置路径查找的时候,从根节点html开始,按照指定的路径逐级查找,直到找到想要的节点元素使用大于号>作为路径的分隔符如:html>body>form>textarea

精确定位基本语法:

html>body>form>input [value="姓名"]

Python定位语句:

driver=webdriver.Firefox()

myname=driver.find element by css selector("html>body>form>input[value="姓名"]

myname=driver.find element(By.CSS_SELECTOR, html>body>form>input[value='姓名"])

 拓展:

1.

在浏览器中可下载这个插件开启后,点击某个控件,直接出现对应控件的相对或绝对路径 

2.

try xpath可以检查路径定位是否正确

1.在网页,点击键盘F12弹出查看器,点击左下角选取按钮,再点击想查看的元素

2.会定位相应的语句,在语句边右击然后点击‘复制’,xpath 

3.打开插件将复制的‘xpath’输入到‘Expression’,点击‘execute’按钮

4.定位到相应的元素检查成功对应正确 

 2.8.3 相对路径css定位

相对路径表示在HTML文档中的全部层级位置进行查找所要定位元素

1.使用属性名="属性值":

input [id='password']

driver=webdriver.Firefox()

mypassword=driver.find element by css selector("input[id='password']")mypassword=driver.find element(By.CSS SELECTOR,"input[id='password’]")

2.使用属性:

input [checked]

driver=webdriver.Firefox()

mypassword=driver.find element by css selector("input[checked]")

mypassword=driver.find element(By.CSS SELECTOR,"input[checked]")

3.使用ID属性值:

input#password

driver=webdriver.Firefox()

mypassword=driver.find element by css selector("input#password")

mypassword=driver.find element(By.CSS SELECTOR,"input#password")

4.使用class属性值:

input.username

driver=webdriver.Firefox()

mypassword=driver.find element by css selector("input.username")

mypassword=driver.find element(By.CSS SELECTOR,"input.username")

三、谓语

3.1 谓语概述 

什么是谓词:

XPath的谓词即筛选表达式,也就是附加筛选的条件,使定位元素更加精确,所有的条件,都写在方括号“[ ]"中,表示对前面的节点进行进一步的筛选说明,如://input[@id='password’]

常用的方法:

使用页面元素的属性值使用页面元素的索引号使用页面元素存在某属性使用页面元素存在某子节点使用页面元素的子节点值

3.2 使用页面元素的属性值

作用:当存在很多页面元素满足条件时,可以通过”属性名称=属性值”的方式定位元素

语法:节点名称[@属性名称="属性值”]

如:

//input[@id="username"]

3.3 使用页面元素的索引号

作用:当存在很多元素满足条件时,可以使用元素的索引号来定位元素

语法:节点名称[索引号]

注意:索引号从1开始

如:

//input[1]

3.4 使用页面元素存在某属性

作用:当存在很多节点满足条件时,如果某个元素拥有唯一的某个属性可以使用属性名称来定位该元素

语法:节点名称[@属性名称]

如:

//input[@checked]

3.5 使用页面元素存在某子节点

作用:当某节点自身不好定位时,但其有唯一的某个子节点,此时,可以查找这个子节点来定位父元素节点

语法:节点名称[子节点名称]

如:

//ul[lable]

3.6 使用页面元素的子节点值

作用:当某节点自身不好定位时,但其子节点包含唯一的值,此时,可以查找子节点值来定位父元素节点

语法:节点名称[子节点名称='子节点文本值']

如:

ul[li='足球']

四、多条件查找

4.1多条件查找

如果通过一个属性信息不能定位到元素,可以通过多个属性信息进行定位

语法:

方法1://节点名称[@属性名1='属性值1'][@属性名2='属性值2']

方法2://节点名称[@属性名1='属性值1' and @属性名2='属性值2'] 

多条件查找eg:

 

 

 4.2 通配符

"*"表示匹配任何元素节点

示例1:

//*[@id='username']査找任何id属性值等于username的元素节点

示例2:

//select[@name]/* 査找存在name属性的select节点的所有子节点

"@*"表示匹配任何属性

示例1

//input[@*='password']查找任何属性值等于password的input元素节

示例2

//select[@*]查找所有带有属性的select元素节点

示例3

//*[@*='汽车']查找任何属性等于“汽车”的所有元素节点

eg:

 

这样写方便后期维护

五、控件的使用 

5.1 文本框和文本域的使用

文本框/输入框:<input type=text>

文本框常见属性:

文本域:<textarea> 

文本域常见属性:

对文本框/文本域的主要操作: 

输入文本:send_keys()清空文本:clear()获得文本框的属性值:get_attribute()判断文本框是否可以:is_enable()

5.2 单选按钮和复选按钮使用

单选按钮:<input type=radio>

单选按钮常见属性:

对单选按钮主要操作:

点击:click()是否选择:is_selected()获得属性值:get_attribute()

复选框:<input type=checkbox>

复选框常见属性:

复选框主要操作: 

点击:click()是否选择:is_selected()获得属性值:get_attribute()

5.3  超级链接使用

超级链接:<a href="连接文本">链接内容</a>

链接主要操作:

点击链接:click()获取超级链接文本:text

 图片:<img src="图片地址">

图片结合超级链接:<a href="网页URL"><img src="图片URL" alt="代替文本"></a>

图片链接主要操作:

点击:click()

5.4 键盘操作和浏览器操作使用

键盘操作使用:

keys类提供了键盘上几乎所有按键的操作

需要导入:from selenium.webdriver.common.keys import Keys这些操作作为send_keys()方法的参数

浏览器的基本操作: 

打开浏览器:get()关闭浏览器:quit() 或者 close()浏览器后退:back()浏览器前进:forward()获得当前页面的标题:title获得当前页面的URL:current_url设置浏览器窗口大小:set_window_size(宽,高)设置浏览器窗口最大化/最小化:maximize_window()     minimize_window()

5.5 下拉列表的基本使用

5.5.1 概述

下拉列表:<select>和<option>

下拉列表常见属性:

Select类是Webdriver的一个特定的类,用于与下拉列表和下拉菜单进行交互,它提供了丰富的功能和方法实现与用户的交互

导入Select类:

from selenium.webdriver.support.select import Select

5.5.2 下拉列表使用基本步骤

1、导入Select类

from selenium.webdriver.support.select import Select

2、定位下拉列表

list1=driver.find element(By.XPATH,"xpath表达式")

3、把定位的下拉列表封装为Select对象

s1=Select(list1)

4、使用Select对象的方法,操作选项

s1.select_by_index(1) 

5.5.3 select对象

 判断是否允许多选:is_multiple 

获取所有的备选项: 

option

text

选中选项:

通过选项索引值(索引从零开始):select_by_index(索引值)通过选项的value属性值:select_by_value("value属性值")通过备选项的文本值:select_by_visible_text("备选项")

获取所有以选中的选项:

all_selected_options 

text

 获取选中的第一个选项:

first_selected_option

text

 取消选中选项:

通过选项索引值(索引从0开始):deselect_by_index(索引值)通过选项的value属性值:deselect_by_value(“value属性值”)通过备选项的文本值:deselect_by_visible_text("备选项")取消所有选项:deselect all()

5.6 弹出对话框使用

网页中经常遇到使用JavaScript实现的各种类型的弹出对话框,一般用于给用户一些提示信息。

弹出对话框包括以下几个常见类型:

警告信息框alert确认对话框confirm输入提示框prompt

定位弹出对话框(切换到alert对象):

driver=webdriver.Firefox()

alert1=driver.switch_to.alert

获得文本提示信息:

text

点击确定按钮:

accept()

点击取消按钮:

dismiss()

5.7 窗口截图

截取当前操作页面的截图,对于检查自动化执行过程非常有帮助,尤其是在出现错误的情况下,通过截图可以直观的看出出现错误的原因

截图方法:

driver=webdriver.firefox()

driver.get_screenshot_as_file(截图存储位置)

 六、Frame

6.1 Frame简介

网页中使用框架(Frame),实现在一个窗口中同时显示多个HTML页面

 Frame要放在FramSet中,FrameSet使用时不使用Body每个Frame内都包含一个独立的html文件

实现在一个网页中嵌套另一个网页,Frame1、2放在body中

6.2 切换Frame

Frame处理步骤:

步骤一:切换到要处理的Frame步骤二:在Frame中定位页面元素并进行操作步骤三:返回当前处理Frame的上一级页面或主页面

对Frame中的页面进行进行定位、操作,需要切换到要处理的Frame:

        switch_to.frame("frame的id属性值或name属性值")

        如:driver.switch_to.frame("frame1")

 说明:

         1.默认情况下,switch_to.frame()可以直接取得frame的id属性值或name属性值

         2.如果没有id和name属性,可以使用frame的索引号定位(索引号从0开始的整数)

 也可以通过如下方式处理:

         1.先定位到frame

          frame1=driver.find_element(By.XPATH,"Xpath表达式")

          2.再将定位对象传给switch_to.frame()函数

          driver.switch_to.frame(frame1)

处理完当前Frame,需切换回当前处理frame的上一级页面或者主页面

         返回上一级页面:swich_to.parent_frame()

         返回主页面:switch_to.default_content()

6.3 多窗口切换 

 在页面操作过程中经常会弹出新的窗口,需要切换到不同的窗口进行操作

基本步骤:

步骤一:获得当前窗口句柄     

        h1=driver.current_window_handle

步骤二:获得当前所有打开窗口的句柄

        all_handles=driver.window_handles

步骤三:切换到指定句柄窗口

        driver.switch_to.window(h1)

eg:

 

七、unittest单元测试框架

7.1 什么是单元测试

单元测试是对程序最小设计单元进行正确性检验的测试工作

单元测试的特点:

程序单元是应用的最小可测试部件(函数、类等)被测程序单元和其他单元是相互独立的单元测试执行速度比较快单元测试发现的问题,相对容易定位单元测试经常结合白盒测试方法(一般由开发来进行测试)

不用测试框架的单元测试弊端:

测试程序的写法没有一定的规范可以遵循,这样不统一的代码后期维护起来十分麻烦,需要编写大量的辅助(测试)代码才能完成单元测试

在Python语言中,主要的单元测试框架有:unittest、pytest、doctest、nose等

单元测试框架的主要作用:

提供用例的组织和执行提供丰富的断言提供丰富的日志

unittest框架,原名为PyUnit框架,是Python语言自带的单元测试框架,在Python2.1及其以后的版本中,将unittest作为一个标准模块放入Python开发包中

unittest是Python自带的单元测试框架,作为一个标准模块放入Python开发包中(使用时需要导入)

unittest模块中的TestCase类是一个核心的测试类,提供很多测试功能,如初始化、断言、清理等(使用时需要继承)

TestCase类提供setUp方法和tearDown方法完成测试环境初始化和清理工作(根据实际情况重写);提供各种断言方法判断实际结果和预期结果是否一致

7.2 unittest单元测试框架测试步骤

步骤一:导入unittest模块

步骤二:编写测试类Textxxx,继承unittest模块中的TestCase类

步骤三:覆盖setUp搭建测试环境,覆盖tearDown撤销测试环境

步骤四:编写测试方法testxxx,测试被测方法(或函数)在setUp与 tearDown中间写

步骤五:执行测试方法(测试用例)

步骤四、编写测试方法testxxx,测试被测方法(或函数)

测试方法必须以test开头,以test开头的方法,会自动执行;xxx一般为被测试的方法名称

此方法主要包括的代码有:被测类的实例化、被测方法的调用,获得被测方法返回值,通过断言方法比较实际结果和预期结果是否相等

7.3  测试套件

TestSuite:测试套件(测试组件)

一个功能的验证往往需要多个测试用例(TestCase),把多个测试用例集合在一起执行,就是TestSuite。

采用TestSuit,使用unittest单元测试框架基本步骤:

步骤1:导入unittest模块

步骤2:编写测试类Teatxxx,继承unittest模块中的TestCase类

步骤3:编写测试用例(setUp、tearDown、testxxx、断言)

需要编写多个测试方法如何把这些测试方法添加到测试套件TestSuite中?

步骤4:执行全部测试方法(TestSuite)

如何把这些测试方法添加到测试套件TestSuite中?

1.对TestSuite类进行实例化

suite=unittest.TestSuite()

2.对每一条测试用例进行实例化

case1=TestCount("test_add1")

case2=TestCount("test_add2")

3.调用TestSuite类中的addTest方法添加测试用例到测试套件

suite.addTest(case1)

suite.addTest(case2)

如何执行全部测试方法(测试用例)?

1.对TextTestRunner类进行实例化

2.调用TextTestRunner类中的run方法执行测试套件

runnner=unittest.TextTextRunner()

runner.run(suite)

采用TestSuit,使用unittest单元测试框架基本步骤:

步骤1:导入unittest模块

步骤2:编写测试类Teatxxx,继承unittest模块中的TestCase类

步骤3:编写测试用例(setUp、tearDown、testxxx、断言)

步骤4:把这些测试方法添加到TestSuit中

步骤5:执行TestSuite

 

7.4 测试固件

TestFixture:

测试固件:

一个或多个测试执行前的准备工作(setUp)和测试结束后的清理动作(tearDown),测试用例环境搭建和销毁,称为测试固件(TestFixture)

unuttest提供的三种主要测试固件:

setUp和tearDownsetUpClass和tearDownClasssetUpMoudule和tearDownModule

setUp和tearDown方法:

用于一条测试用例环境搭建和销毁

setUpClass和tearDownClass方法:

(全程只调用一次)必须使用@classmethod 装饰器

setUpClass:

搭建一个测试类的环境,是一个测试类中所有测试方法共享的环境

第一条测试用例的setUp方法之前执行,整个测试过程只执行一次

必须使用@Classmethod装饰器进行修饰

tearDownClass

销毁一个测类的环境

最后一条测试用例的tearDown方法之后执行,整个测试过程只执行一次

必须使用@classmethod装饰器进行修饰

setUpMoudle和tearDownMoudle方法:

模块级别指的是文件级别。Python 中文件即模块,所以你可以理解为每个文件只运行一次 ,不管你的这个测试文件中有多少的测试类和测试方法。



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。