Selenium WebUI 自动化测试框架

news/2024/11/20 22:21:47/

框架基于 PO 模型进行设计，将页面元素与操作进行拆分，减少页面改动时的维护成本；同时使用 xsd 自定义 xml 标签，通过解析 xml 来驱动 selenium 进行执行，减少了一定的语言学习成本。
主要功能

  1. 基于 selenium-grid 做并发执行
  2. 可基于 xml 编写脚本
  3. 执行步骤可插入自定义函数
  4. 基础操作 (点击、hover、输入、值比较、切换 iframe、切换页面、关闭页面、模板匹配等)
  5. 测试报告收集

设计思路

  1. webUI 自动化大部分都基于 selenium 来进行
  2. PO 模型是 webUI 自动化中应用最广的设计模式
  3. selenium 执行时，可以通过 DataProvider 提供测试数据
  4. 常见的测试数据管理方式无外乎存在 db / 存在本地文件，并且都是结构化数据
  5. Java 有 DOM4J 库，能够很方便的解析 DOM 文档，同时 DOM 中的 XML 可以灵活定义，描述性也比较强，因此选用 XML 作为测试数据管理这样就有了一个框架大致的运行流程
    1. 初始化流程数据以及基础配置
    2. 初始化 webDriver
    3. 遍历解析后的流程数据进行执行
    4. 输出测试报告
    5. 关闭 webDriver

设计初期的明显问题
Q1：如果只能调用内置方法的话，灵活性不够
A：因此引入了 Spring 作为实例管理，这样就只需要在流程数据中使用指定标签 +beanName 就可以实现自定义方法的执行了
Q2：webUI 自动化通常执行时间过长，如何缩短？
A：引入 selenium-grid 做分布式执行，并且可以隔离数据
Q3：元素定位有没有更为准确和快捷的方式？
A：引入特征识别、模板匹配、OCR 等图像算法

基本功能

XML 描述

 

 

使用具备自描述性的 XML 进行脚本编写，降低门槛
如果想要新增标签/属性，在 XSD 中定义和对应的 entity 增加字段后，在 AutoTestSuiteParser 类中增加赋值即可

元素复用

 通过 ref 标签引用 element 文件

即可使用，重复引用可实现复用

提取与比较

 

通过指定 html 标签的属性获取对应值，和 variableName 以 kv 的形式存储在 threadLocal 的 Map 中，从而在同一 testFlow 的后续流程中以 $variableName 进行提取，与期望值比较

模板匹配点击

使用 JavaCV 进行模板匹配并点击的操作
eg：

使用属性 templateImgName 即可
模板图片存放于 src/test/template_img 下，源图片则是当前浏览器窗口截图
tips：使用模板匹配时，不建议在本地执行，会大概率失败，因为本地操作可能会干扰鼠标原始定位

并发与分布式执行

通过反射读取 engine.properties 文件中的配置，可动态配置并发执行用例数

并发执行时将会 send task 到 selenium-hub，并进行分发，加快执行速度

执行自定义方法

使用 custom 标签时，指定 customFunction 指定类的的 bean 名称，并且该类应该实现 ICustomAction 的 execute 方法

方法 bean 名称为_@_Service() 中的 beanName

常用操作封装

 

封装了常用的操作，同时可以进行扩展

环境部署

selenium-grid

m1 (arm64)

version: "3"
services:selenium-hub:image: seleniarm/hub:4.0.0-beta-1-20210215container_name: selenium-hub-armports:- "4444:4444"environment:- GRID_MAX_SESSION=50- GRID_TIMEOUT=200- START_XVFB=false- GRID_CLEAN_UP_CYCLE=200chrome:image: seleniarm/node-chromium:4.0.0-beta-1-20210215volumes:- /dev/shm:/dev/shmdepends_on:- selenium-hubenvironment:- SE_EVENT_BUS_PUBLISH_PORT=4444- SE_EVENT_BUS_HOST=selenium-hub- SE_EVENT_BUS_SUBSCRIBE_PORT=4443- NODE_MAX_INSTANCES=5- NODE_MAX_SESSION=5- GRID_CLEAN_UP_CYCLE=200

intel(x86)

version: "3"
services:selenium-hub:image: selenium/hubcontainer_name: selenium-hubports:- "4444:4444"environment:- GRID_MAX_SESSION=50- GRID_TIMEOUT=900- START_XVFB=falsechrome:image: selenium/node-chromevolumes:- /dev/shm:/dev/shmdepends_on:- selenium-hubenvironment:- SE_EVENT_BUS_PUBLISH_PORT=4444- SE_EVENT_BUS_HOST=selenium-hub- SE_EVENT_BUS_SUBSCRIBE_PORT=4443- NODE_MAX_INSTANCES=5- NODE_MAX_SESSION=5- GRID_CLEAN_UP_CYCLE=200

start.sh

#! /bin/shdocker-compose up -d --scale chrome=2

chrome=2 表示 selenium-grid 集群的节点数量，chrome 为 docker-compose 中的 service name
启动 shell 脚本，docker ps 查看是否启动成功

访问 localhost:4444 / 虚拟机 ip:4444

 

Extentx

创建 Dockerfile 文件

FROM node:alpine
LABEL maintainer="lain"RUN mkdir -p ./app
WORKDIR ./appRUN apk add --no-cache git
RUN git clone https://gist.github.com/3c4f35a41c58a55a0ffd00c3e64142c8.git tmpChange
RUN git clone https://github.com/anshooarora/extentx.gitRUN mv tmpChange/connections.js extentx/config/connections.js
RUN rm -rf tmpChangeWORKDIR ./extentxEXPOSE 1337RUN npm set registry https://registry.npm.taobao.org
RUN npm config set registry https://registry.npm.taobao.org
RUN npm config set disturl https://npm.taobao.org/dist
RUN npm installCMD ["./node_modules/.bin/sails", "lift"]

构建镜像
docker build -t extentx .
创建 docker-compose.yml 文件

version: '3.6'
services:extentx:build: .environment:- MONGODB_PORT_27017_TCP_ADDR=mongolinks:- mongo:mongoports:- 1337:1337mongo:image: mongo:3.4ports:- 27010:27017

docker-compose up -d启动
访问 localhost:1337 即可

打包到本地仓库

下载附在项目中的 extentsReport-1.0-SNAPSHOT.jar ，提取出 jar 包中的 pom 文件，和 jar 放在同一级目录下，执行命令
mvn install:install-file -Dfile=extentsReport-1.0-SNAPSHOT.jar -DartifactId=extentsReport -DgroupId=com.antigenmhc -Dversion=1.0-SNAPSHOT -Dpackaging=jar -DpomFile=pom.xml
即可

JavaCV (以 arm64 为例)

mac m1 (arm64)

前置环境为已下载 arm64 版本的 JDK

  1. 安装并设置环境变量
# 升级 brew
brew update
# 安装 cmake
brew install cmake
# 安装 ant
brew install antexport JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_331.jdk/Contents/Home
export PATH=$JAVA_HOME/bin:$PATH
export JAVA_AWT_INCLUDE_PATH=$JAVA_HOME
export JAVA_AWT_LIBRARY=$JAVA_HOME
export JAVA_INCLUDE_PATH=$JAVA_HOME/indclude
export JAVA_INCLUDE_PATH2=$JAVA_HOME/include/darwin
export JAVA_JVM_LIBRARY=$JAVA_HOME
  1. 打开 Java build

brew edit opencv
找到
-DBUILD_opencv_java=OFF 修改为-DBUILD_opencv_java=ON
在上面的参数之后添加参数：-DOPENCV_JAVA_TARGET_VERSION=1.8，防止使用高版本 JDK 进行编译

  1. 编译

brew install --build-from-source opencv

  1. 生成 jar 和 dylib：成功后在 /opt/homebrew/Cellar/opencv/4.7.0/share/java/opencv4 这里会生成 libopencv_java470.dylib 和 opencv-470.jar

将 jar 和 dylib 加入项目

 

设置项目 JDK 为刚才用来编辑 (即 JAVA\_HOME ) 的 JDK
  1. 引入依赖
<dependency><groupId>org.bytedeco</groupId><artifactId>javacv-platform</artifactId><version>1.5.7</version>
</dependency>
<dependency><groupId>org.bytedeco</groupId><artifactId>javacpp</artifactId><version>1.5.7</version>
</dependency>
  1. 运行 demo
//待匹配图片
Mat src = imread("filePath",Imgcodecs.IMREAD_GRAYSCALE);
Mat mInput=src.clone();
// 获取匹配模板
Mat mTemplate = imread("filePath",Imgcodecs.IMREAD_GRAYSCALE);
/**
* TM_SQDIFF = 0, 平方差匹配法，最好的匹配为0，值越大匹配越差
* TM_SQDIFF_NORMED = 1,归一化平方差匹配法
* TM_CCORR = 2,相关匹配法，采用乘法操作，数值越大表明匹配越好
* TM_CCORR_NORMED = 3,归一化相关匹配法
* TM_CCOEFF = 4,相关系数匹配法，最好的匹配为1，-1表示最差的匹配
* TM_CCOEFF_NORMED = 5;归一化相关系数匹配法
*/
int resultRows = mInput.rows() - mTemplate.rows() + 1;
int resultCols = mInput.cols() - mTemplate.cols() + 1;
Mat gResult = new Mat(resultRows, resultCols, CvType.CV_32FC1);Imgproc.matchTemplate(mInput, mTemplate, gResult, Imgproc.TM_CCORR_NORMED);Core.normalize(gResult, gResult, 0, 1, Core.NORM_MINMAX, -1, new Mat());
Core.MinMaxLocResult mmlr = Core.minMaxLoc(gResult);
Point matchLocation = mmlr.maxLoc;double x = matchLocation.x + (mTemplate.cols() / 2);
double y = matchLocation.y + (mTemplate.rows() / 2);
System.out.println(new Point(x, y));

控制台输出坐标即成功

运行项目

项目结构及说明

项目的大致结构如下

qa-ui-test-demo                                                   
├─ screen：截图                                                            
├─ src                                          
│  ├─ main                                           
│  │  └─ resources                              
│  │     ├─ css                                                      
│  │     ├─ driver：浏览器驱动                              
│  │     │  ├─ chromedriver                     
│  │     │  └─ geckodriver                                             
│  │     ├─ cc.properties：邮件发送方邮箱
│  │     ├─ extentx.properties：连接 extentx 平台配置                       
│  │     ├─ engine.properties：测试报告以及核心配置                   
│  │     ├─ mail.properties：邮件配置                     
│  │     └─ sendto.properties：邮件接收方邮箱                   
│  └─ test                                      
│     ├─ java                                   
│     │  └─ com                                 
│     │     └─ qalain                           
│     │        └─ ui                            
│     │           └─ action：java 脚本                     
│     └─ resources                              
│        ├─ page：page xml，用来转为 page pojo 的                                
│        │  └─ demo-baidu.xml                   
│        ├─ suiteflow：自动化测试流程文件                          
│        │  └─ demo-flow.xml                    
│        └─ suite-testng.xml                                    
├─ pom.xml                                                               
└─ README.md

因为经过 xml 二次封装了，所以需要了解常见标签

  1. action 为 openPage 时，需要设置的属性为 url；
  2. action 为 click 时，需要设置的属性为 refId；
  3. action 为 fillvalue 时，需要设置的属性为 elementId 和 value；
  4. action 为 compareValue 时，需要设置的属性为 refId 和 expectValue；
  5. action 为 keyBoardEnter 时，无需设置其他属性；
  6. action 为 swithWindow 时，无需设置其他属性；
  7. action 为 closeCurrentWindow 时，无需设置其他属性；
  8. action 为 closeDrive 时，无需设置其他属性；
  9. action 为 jsInvoker 时，需要设置的属性为 jsCode；
  10. action 为 custom 时，需要设置的属性为 customFunction；
  11. action 为 hover 时，无需设置其他属性

最后：下面是配套学习资料，对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！【100%无套路免费领取】

软件测试面试小程序

被百万人刷爆的软件测试题库！！！谁用谁知道！！！全网最全面试刷题小程序，手机就可以刷题，地铁上公交上，卷起来！

涵盖以下这些面试题板块：

1、软件测试基础理论 ，2、web,app，接口功能测试 ，3、网络 ，4、数据库 ，5、linux

6、web,app，接口自动化 ，7、性能测试 ，8、编程基础，9、hr面试题 ，10、开放性测试题，11、安全测试，12、计算机基础

  全套资料获取方式：点击下方小卡片自行领取即可


http://www.ppmy.cn/news/1127445.html

相关文章

微服务调用没有返回值，无法组成对象，但是会有feign的信息

微服务调用没有返回值，无法组成对象，但是会有feign的信息

事件起因 还是那个项目&#xff0c;至少对于我来说要学习的东西其实还是挺多的。 需求 员工信息管理&#xff0c;员工简历&#xff0c;导出功能&#xff0c;需要去联查员工的各项信息&#xff0c;其中&#xff0c;涉及到微服务的之间的操作出现了问题&#xff0c;目前主要的…
阅读更多...
IP地址定位的特点

IP地址定位的特点

IP地址定位是一种广泛应用于网络领域的技术&#xff0c;它允许我们确定特定设备或用户在互联网上的位置。这项技术在很多方面都具有重要的特点&#xff0c;本文将深入探讨这些特点。 1.全球性覆盖&#xff1a; IP地址定位IP66_ip归属地在线查询_免费ip查询_ip精准定位平台具有全…
阅读更多...
Java项目-Spring Boot的生鲜网上交易系统

Java项目-Spring Boot的生鲜网上交易系统

博主介绍&#xff1a;✌程序员徐师兄、7年大厂程序员经历。全网粉丝30W、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ 文章目录 1 简介2 技术栈3 系统功能4 功能设计5系统详细设计5.1系统功能模块5.2后台功能模块5\.2\.1用户功…
阅读更多...
Ubuntu安装Oracle JDK

Ubuntu安装Oracle JDK

文章目录 下载JDK安装Oracle JDK验证安装 下载JDK Oracle JDK需要从Oracle的官方网站下载&#xff0c;访问Oracle的官方网站并下载所需版本的JDK。 https://www.oracle.com/java/technologies/downloads/#java17 安装Oracle JDK 2.1. 下载.tar.gz文件后&#xff0c;移动到适…
阅读更多...
基础练习-2

基础练习-2

基础练习-2 11. 古典问题&#xff1a;有一对兔子&#xff0c;从出生后第3个月起每个月都生一对兔子&#xff0c;小兔子长到第三个月后每个月又生一对兔子&#xff0c;假如兔子都不死&#xff0c;问每个月的兔子总数为多少&#xff1f; 程序分析&#xff1a; 兔子的规律为数列…
阅读更多...
linux使用操作[1]

linux使用操作[1]

文章目录 版权声明快捷键ctrl c 强制停止ctrl d 退出、登出history命令光标移动快捷键清屏快捷键 软件安装命令常见linux系统包管理器yum命令apt命令 systemctl命令软连接日期&时区修改linux时区ntp程序 IP地址&主机名ip&主机名域名解析win配置主机名映射虚拟机…
阅读更多...
Java中的IO流的缓冲流

Java中的IO流的缓冲流

不爱生姜不吃醋⭐️ 如果本文有什么错误的话欢迎在评论区中指正 与其明天开始&#xff0c;不如现在行动&#xff01; 文章目录 &#x1f334;IO流体系结构&#x1f334;缓冲流1.提高效率的原理2.缓冲流的类型3.字符缓冲流两个特有方法 &#x1f334;总结 &#x1f334;IO流体系…
阅读更多...
【AI视野·今日NLP 自然语言处理论文速览 第三十六期】Tue, 19 Sep 2023

【AI视野·今日NLP 自然语言处理论文速览 第三十六期】Tue, 19 Sep 2023

AI视野今日CS.NLP 自然语言处理论文速览 Tue, 19 Sep 2023 (showing first 100 of 106 entries) Totally 106 papers &#x1f449;上期速览✈更多精彩请移步主页 Daily Computation and Language Papers Speaker attribution in German parliamentary debates with QLoRA-ada…
阅读更多...
最新文章

Copyright @ 2022~2023