当前位置：首页 > news >正文

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

news 来源：原创 2025/5/25 8:59:46

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.支持多种语言:PythonJavaC #JavaSeript.Ruby、PHP等

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

Web自动化测试环境搭建

1.自动化测试环境搭建三要素:
1.python环境
2.selenium框架:pip install selenium
3.Chromedriver驱动:下载地址，注意版本的高度吻合.
4.Chrome浏览器

2.#selenium安装与Chromedriver
#下载安装selenium:
pip install selenium
#chromedriver下载匹配:
下载地址:https://npm.taobao.org/mirrors/chromedriver/
版本匹配:浏览器与驱动的版本需要对应，版本号的前三段需要严格对应，但最后一段可能找不到完全对应的版本号但需要尽量缩小差距范围，查看浏览器版本:Chrome右上角三个点->帮助-->关于Google Chrome

AI助手

#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.元素定位(一)

在使用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解析器

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定位

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定位

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