UI自动化概念 + Web自动化测试框架介绍

最新推荐文章于 2024-05-17 02:27:16 发布

隔着长谷深风

最新推荐文章于 2024-05-17 02:27:16 发布

阅读量202

点赞数

文章标签：自动化运维 ui 测试用例软件测试 python 功能测试

本文链接：https://blog.csdn.net/weixin_56331124/article/details/134833910

版权

📢专注于分享软件测试干货内容，欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正！
📢交流讨论：欢迎加入我们一起学习！
📢资源分享：耗时200+小时精选的「软件测试」资料包
📢 最困难的时候，也就是我们离成功不远的时候！

1.UI自动化测试概念:我们先明确什么是UI

UI，即(User Interface简称UI用户界面)是系统和用户之间进行交互和信息交换的媒介 UI自动化测试:
Web自动化测试和移动自动化测试都属于UI自动化测试，UI自动化测试就是借助自动化工具对程序UI层进行自动化的测试

2.为什么对UI采用自动化测试?

从不同的阶段或层次来说，自动化测试可以分为单元测试、接口测试、UI测试。如果一个产品从没有做单元测试或接口测试，只做u房的自动化测试是不科学的，很难从本质保证产品的质量
如果妄图实现全面的UI层的自动化测试更是劳民伤财，投入了大量人力时间结果却不尽人意，因为越往上层，用例维护成本越高，尤其是UI层的元素经常改变的产品。
但不管什么样的产品，最终呈现给用户的是UI层测试人员必须在UI层投入大量的精九。所以。我们有必要通过自动化的方式帮助我们"部分解放"重复的劳动，在解放劳动力和维护成本之间找到一个平衡，自动化测试就会成为我们的一个利器。

3.什么项目适合做UI自动化测试?

1项目周期:首先是项目周期较长的产品，一般在一年半以上的产品
2.项目需求变动不频繁:如果项目需求变动频繁，在做自动化时会导致大量的脚本需要不断的迭代维护，就失去了uI自动化解放劳动力的目的
3项目需要回归测试:项目需要回归测试，当测试一遍后，再次回归是可以直接通过自动化脚本进行回测

4.UI自动化测试介入时机

项目需要在功能测试完毕后

5.UI自动化测试所属分类

1.黑盒测试(功能测试)
2.白盒测试(单元测试)
3.灰盒测试(接口测试)
注意:UI自动化测试属于黑盒测试(功能测试)

Web自动化测试框架介绍

主流的web自动化测试工具

1.QTP

QTP是一个商业化的功能测试工具，收费，支持web，桌面自动化测试。
2.Selenium(本阶段学习)
Selenium是一个开源的web自动化测试工具，免费，主要做功能测试。
3.Robot framework
RobotFramework是一个基于Python可扩展地关键字驱动的测试自动化框架。(RF框架)

2.Selenium框架介绍及特点:

介绍:
Selenium是一个用于web应用程序的自动化测试工具

特点:

1，开源软件:源代码开放可以根据需要来增加工具的某些功能
2.跨平台:1inux.windows.mac
3.支持多种浏览器:FirefoxChrome、IE、EdgeOperaSafari等
4.支持多种语言

ythonJavaC #JavaSeript.Ruby、PHP等

5.成熟稳定:目前已经被qooqle、百度、腾讯等公司广泛使用
6.功能强大:能够实现类似商业工具的大部分功能，因为开源性，可实现定制化功能

Web自动化测试环境搭建

1

2

3

4

5

6

1.自动化测试环境搭建三要素:

1.python环境

2.selenium框架:pip install selenium

3.Chromedriver驱动:下载地址，注意版本的高度吻合.

4.Chrome浏览器

1

2

3

4

5

6

2.#selenium安装与Chromedriver

#下载安装selenium:

pip install selenium

#chromedriver下载匹配:

下载地址:https://npm.taobao.org/mirrors/chromedriver/

版本匹配:浏览器与驱动的版本需要对应，版本号的前三段需要严格对应，但最后一段可能找不到完全对应的版本号但需要尽量缩小差距范围，查看浏览器版本:Chrome右上角三个点->帮助-->关于Google Chrome

1

2

3

4

5

6

7

8

9

10

11

12

13

#3.配置成功验证

#将驱动放置在一个文件夹中，使用pyeharm打开文件央，配置好虚拟环境(python解释器)，#新建一个test的py文件

#编写如下代码:

from selenium import webdriver

browserw webdriver.Chrome(./chromedriver) #mac代码

browser webdriver.chrome('./chromedriver.exe' ) #Windows代码

browser.get"https://www.baidu.com/)

#注意:

#如果不想每次都写./chromedriver，可以将chromedriver放到python的Seripts里

当你右键run一下test文件浏览器自动打开并在浏览器中打开了百度首页,就算配置成功 python

2.元素定位(一)

1

2

3

4

5

6

7

8

在使用Selenium进行自动化测试的过程中经常需要定位到UI界面中的指定元素进行操作，比如点击搜索按钮，比如像输入椎中输入内容等等在Selenium中经常使用一下8大定位方法:

Selenium的8定位元素方法:

1id:根据DOM节点的id属性进行定位

name:根据DOM节点的name属性进行定位

class name:根据DOM节点的class属性进行定位 tagname:根据DOM节点的标签名进行定位 linktext;根据超链接的文本定位

partial link text:根据超链接的部分文本定位 xPath:根据xpath定位 dss:根据css选择器定位说明:

Selenium框架定位元素的方法大致可以分为三类，一类是根据元素自身属性与特点定位(前6个)。第二类是根据xpath这种HTML解析模块实现的，第三类是根据css选择器定位，起始css选择器同样是HTML解析器

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

from selenium import webdriver

import time

bowser = webdriver.Chrome('chromedriver.exe')

bowser.get('file:///F:/jiango/zidonghua/pagetest/%E6%B3%A8%E5%86%8CA.html')

time.sleep(3)

#根据id

# bowser.find_element_by_id('userA').send_keys('2597349742')

# time.sleep(3)

 #根据class属性

# bowser.find_element_by_class_name('telA').send_keys('17535827976')

# time.sleep(3)

 #根据name

# bowser.find_element_by_name('emailA').send_keys('123@qq.com')

# time.sleep(3)

 #根据标签

# bowser.find_element_by_tag_name('input').send_keys('hellow')

# time.sleep(3)

#根据超链接部分文本

# bowser.find_element_by_partial_link_text('网站').click()

# time.sleep(3)

#根据超链接文本

# bowser.find_element_by_link_text("新浪").click()

# time.sleep(3)

bowser.quit()

idclassname,tagname定位

1

2

3

4

5

6

7

8

9

10

11

12

13

Selenium是以浏览器对象(browser ordriver)为基础进行定位的，定位的方法

为:browser.find element by xxx，其中到底根据啥进行定位，是根据xxx来决定的，比如 browser.find element byid节点id属性值)则是根据DOM节点的id进行定位的。

1.id:根据DOM节点的id属性进行定位

browser.find element by idid属性值

2.class name:根据DOR节点的class属性进行定位

browser.find element by class name"class属性值之一*)注意:如果节点class属性有多个值，只需要写其中一个即可定位到该节点

3 .name 相氓DOM节点的name属性讲行定位

browser.find element by name("name属性值'

python

4.tag name:根据DOM节点的标签名进行定位

browser.find element by tag name(div")

link text与partail link text定位

1

2

3

4

link text;根据超链接的文本定位

browser.find element by link text('新闻)

partiallink text:根据超链接的部分文本定位 browser.find element by link text新)

行动吧，在路上总比一直观望的要好，未来的你肯定会感谢现在拼搏的自己！如果想学习提升找不到资料，没人答疑解惑时，请及时加入群，里面有各种测试开发资料和技术可以一起交流哦。