UI自动化基础知识

一、UI自动化测试介绍

1、什么是自动化测试

概念：由程序代替人工进行系统校验的过程

1.1自动化测试能解决的问题？

1. 回归测试 (冒烟测试)
   1. 针对之前老的功能进行测试,通过自动化的代码来实现。
   2. 针对上一个版本的问题的回归
2. 兼容性测试:
   1. web实例化不同的浏览器驱动相当于对不同的浏览器进行操作，从而解决浏览器的兼容性测试问题

1. 性能测试:通过一些工具来模拟多个用户实现并发操作
2. 提高工作效率，保障产品质量

1.2自动化测试的优点

1. 自动化测试能在较少的时间内执行更多的测试用例
2. 自动化测试能够减少人为的错误
3. 自动化测试能够克服手工的局限性
4. 自动化测试可以重复执行( 注册用户 --已注册)

1.3自动化测试的误区

1. 自动化测试可以完全代替手工测试 ----针针某些功能（图片、页面架构）也是没有办法通过自动化来实现
2. 自动化测试一定比手工测试厉害 金融行业更看重业务的积累
3. 自动化测试可以发现更多的BUG 是因为自动化测试主要用来做回归测试
4. 自动化测试适用于所有的功能 ---------------页面的架构、图片、文字，用户体验

1.4自动化测试分类

1. web自动化测试 web系统
2. 移动app自动化 app应用
3. 接口自动化 接口：用来给web或者app前端传输数据用的
4. 单元测试-自动化测试 针对开发人员的代码进行测试。 一般是由开发自己来做的
5. 安全测试（渗透测试） 针对系统、数据、应用等安全方面进行测试
6. 桌面应用自动化测试 针对windows的桌面应用程序进行自动化测试
7. 嵌入式设备自动化测试 针对嵌入式设备的应用程序进行自动化测试

2、什么是UI自动化测试

概念：UI(user interface)通过对web应用以及app应用进行自动化测试的过程。

2.1 什么项目适合做ui自动化测试？

1. 需求变动不频繁 前端代码变更维护不方便
2. 项目周期长 ------项目短，上线之后不需要再去测试
3. 项目需要回归测试 不用回归测试的也不需要写自动化

2.2 UI自动化测试在什么阶段开始？

手工测试完成之后才做自动化测试，相当于是编写自动化测试代码（通过手工测试能够清楚的知道自动化测试的步骤以及结果）

2.3 UI自动化测试所属分类

1. 黑盒测试（功能测试）-------- UI自动化测试 模拟人工对web以及app页面进行操作的过程
2. 白盒测试（单元测试）
3. 灰盒测试（接口测试）

示例：

二、web自动化测试基础

1、web自动化框架

1.1 主流的web自动化工具

1. QTP 由惠普公司开发的一款自动化工具，支持web、桌面的自动化测试。 收费的商用工具。
2. selenium 主要用来做web自动化测试的，开源的免费的工具。
3. root framework 自动化测试平台。通过它可以实现web自动化测试、接口自动化测试、桌面的自动化测试。

1.2 selenium特点

selenium中文名是硒，就是用来做web自动化测试的

1. 开源软件: 源代码开放，但是不一定免费
2. 跨平台: 平台指操作系统。 linux、windows、 mac操作系统
3. 支持多种浏览器：firefox、chrome、 ie、edge、opera、safari
4. 支持多语言：python\java\C#\js\Ruby\PHP
5. 成熟稳定功能强大：被大公司使用。google、华为、百度、腾讯

在选择自动化工具的时，这几个特点就是选择工具的依据。

1.3selenium发展史

1. selenium 1.0
   1. selenium IDE
      1. 是firefox的一款插件，通过它可以记录用户的操作并生成对应的自动化脚本。
   2. selenium grid 通过grid可以将脚本下发到不同的电脑在不同的浏览器上面执行。

• 1. selenium RC
     1. 由JS封装的一个工具，用来对浏览器进行操作的。

1. selenium 2.0
   1. selenium 1.0 + webdriver
   2. 针对浏览器的操作都是通过webdriver来实现的。
   3. 支持的语言更多

1. selenium 3.0
   1. 删除了selenium RC
   2. 全面支持java8
   3. 支持macOS，支持safari浏览器
   4. 支持微软最新的EDGE浏览器，支持更多的浏览器
2. selenium4.0

2、环境搭建

2.1 selenium工作原理

2.2 selenium环境安装

2.1 python开发工具安装（python+pycharm）

2.2 浏览器安装

-需要注意浏览器与浏览器驱动的版本，不同的浏览器有不同的浏览器驱动，而且不同的版本也有不同的浏览器驱动

2.3selenium工具包安装

1. 在线安装方式: 在dos命令行中输入: pip install selenium
2. 离线安装方式:
   1. 需要获取selenium离线安装包并解压
   2. 在DOS命令行进入到解压的目录，然后执行python setup.py install
3. pycharm进行安装
   1. 在file菜单中选择setting， 然后选择"project- interpreter"

1. 如何确认selenium安装完成：可以通过pip show selenium进行查看

2.4 浏览器驱动安装

1. 安装浏览器驱动之前，一定要知道自己浏览器的版本。

1. 通过https://npm.taobao.org/mirrors/chromedriver/ 获取对应的浏览器驱动
2. 解压浏览器驱动文件，并将驱动文件复制到python的根目录就行了。
3. 查看python安装根目录：通过where python命令

2.4 入门示例

1. 项目创建
   1. 项目名称不要与第三方的模块名同名
   2. 文件名称也不要与第三方的模块名或者是类名同名项目
   3. 创建时不要使用虚拟环境

1. 示例展示：

1. 搭建环境问题总结：

1、安装过程中没有urllib3这个模块

• • 1. 如果没有对应的模块，可以通过在线或者离线的方式，安装一下urllib3这个模块

2、chrome浏览器的版本与chrome浏览器驱动的版本不一致

• • 1. 先确定浏览器的版本，再下载对应的浏览器驱动版本

3、chrome浏览器安装有问题，移动了chrome浏览器的应用程序目录 从C盘移到E盘

• • 1. 不要随便去移动安装程序的位置，因为在注册表中会记录程序安装目录信息。

4、chrome浏览器驱动没有复制到python安装的根目录下

• • 1. python安装的根目录不是python安装文件的目录。

5、大家在创建项目时，用的是虚拟环境（包含venv目录），虚拟环境下找不到selenium模块

• • 1. 切换虚拟环境到正常的环境

3、元素定位

3.1 如何进行元素定位？

元素： 由标签头+标签尾+标签头和标签尾包括的文本内容

元素的信息就是指元素的标签名以及元素的属性

元素的层级结构就是指元素之间相互嵌套的层级结构

元素定位最终就是通过元素的信息或者元素的层级结构来进行元素定位。

3.2 浏览器开发者工具介绍

1. 浏览器开发者工具----主要用来查看元素的信息, 同时也可以查看接口的相关信息。
2. 浏览器开发者工具不需要安装，浏览器自带.
3. 浏览器开发者工具的启动:
   1. 直接按F12 不区分浏览器
   2. 通过右键的方式来启动浏览器开发者工具 (谷歌浏览器右键选择“检查”, 火狐浏览器右键选择“检查元素”）
4. 浏览器开发者工具使用
   1. 点击 浏览器开发者工具左上角的 元素查看器按钮
   2. 再点击想要查看的元素

3.3 元素定位

id定位 name定位 class_name定位 tag_name定位 link_text定位 partail_link_text定位 xpath定位 css定位

3.3.1 ID定位

1. 通过元素的ID属性值来进行元素定位 ，在html标准规范中 ID值是唯一的

说明： 元素要有ID属性

1. 定位方法：find_element_by_id(id) # id参数表示的是id的属性值

3.3.2 name定位

1. 通过元素的name属性值为进行元素定位 name属性值在HTML页面中，是可以重复的。

说明：元素要有name属性

1. 定位方法: find_element_by_name(name) # name 参数表示的是name的属性值

3.3.3 class_name定位

1. 通过元素的class属性值进行元素定位 class属性值是可重复的

说明：元素必须要有class属性

1. 定位方法：find_element_by_class_name(class_name)

# class_name参数表示的是class的其中一个属性值

3.3.4 tag_name定位

1. 通过元素的标签名称进行定位， 在同一个html页面当中，相同标签元素会有很多。

这种定位元素的方式不建议大家在工作当中使用。

1. 定位方法: find_element_by_tag_name(tag_name) #tag_name表示的是元素的标签名称。

如果有重复的元素，定位到的元素默认都是第一个元素

3.3.5 link_text定位

1. 通过超链接的全部文本信息进行元素定位 ,主要用来定位a标签
2. 定位方法： find_element_by_link_text(link_text) # link_text参数代表的是a标签的全部文本内容。

3.3.6 partial_link_text定位

1. 通过超链接的局部文本信息进行元素定位，主要用来定位a标签
2. 定位方法：find_element_by_partial_link_text(partial_link_text) # partial_link_text表示的是a标签的局部文本内容

3.3.7 定位一组元素

1. 定位一组元素的方法:

find_elements_by_id(id) find_elements_by_tag_name(tag_name)

1. 定位一组元素返回的值是一个列表
2. 可以通过下标来使用列表中的元素
3. 下标是从0开始。

示例：