【UI自动化测试思路】测试用例配置

一、引言

本指导文档旨在帮助测试人员理解和使用自动化测试用例执行框架。该框架通过一个简单而灵活的 CSV 配置文件定义测试步骤,结合 UI 识别和操作技术,实现自动化测试的高效执行。测试人员无需编写复杂的代码,只需通过 CSV 文件配置测试步骤,即可完成对 UI 界面的自动化操作。

本文档将基于以下测试用例示例进行说明:

Plain 复制代码
type,action,value
文本,点击,用户名
文本,点击,密码
图片,点击,登录

二、测试用例结构

1. 测试用例以 CSV 文件的形式存储,每一行代表一个测试步骤,包含以下三个字段:

  • type:识别类型,表示如何识别 UI 元素。支持以下两种类型:

    • "文本":通过 OCR 技术识别屏幕上的文本。

    • "图片":通过图像匹配技术识别屏幕上的图片。

  • action:操作动作,目前仅支持 "点击",表示点击识别到的 UI 元素。

  • value:元素值,根据 type 的不同有不同的含义:

    • 当 type 为 "文本" 时,value 是要识别并点击的文本内容(例如 "用户名")。

    • 当 type 为 "图片" 时,value 是图片的关键字(例如 "登录"),用于索引对应的图片路径。


2. 编写测试用例

  • 测试用例 CSV 文件的格式如下:
Plain 复制代码
type,action,value
文本,点击,用户名
文本,点击,密码
图片,点击,登录
  • 字段说明
  1. 对于 type="文本"

    • value 是屏幕上需要识别并点击的文本内容。例如,"用户名" 表示系统将在屏幕上寻找包含 "用户名" 的文本区域,并点击其中心点。

    • 系统使用 OCR 技术完成文本识别。

  2. 对于 type="图片"

    • value 是图片的关键字,例如 "登录"。系统通过该关键字查找预配置的图片路径,然后使用图像匹配技术在屏幕上识别该图片,并点击其中心点。
  • 注意事项

    • 确保 CSV文件格式正确,字段之间用逗号分隔,无多余空格。

    • 文本和图片的识别依赖屏幕截图的质量和 UI元素的清晰度。


3. 配置图片路径

当 type="图片" 时,系统需要通过 value(图片关键字)查找对应的图片路径。因此,需要预先配置一个图片路径索引文件(建议使用 YAML 或 JSON 格式),以便系统正确映射关键字到图片路径。

示例配置(YAML 格式)yaml

YAML 复制代码
登录: "icons/login_button.png"
  • 在测试用例中,value="登录" 会映射到图片路径 "icons/login_button.png"。

  • 系统使用该图片进行图像匹配,识别屏幕上的 "登录" 按钮并点击。

配置步骤

  1. 创建一个配置文件(例如 icon_config.yaml),定义关键字和图片路径的映射。

  2. 在测试框架的主配置文件中指定该图片配置文件的路径,以便系统加载。

注意事项

  • 确保图片路径准确且图片文件存在。

  • 图片应清晰,尽量与实际屏幕上的 UI 元素一致,以提高匹配成功率。


相关推荐
YuMiao16 小时前
gstatic连接问题导致Google Gemini / Studio页面乱码或图标缺失问题
服务器·网络协议
Sinclair3 天前
简单几步,安卓手机秒变服务器,安装 CMS 程序
android·服务器
Rockbean4 天前
用40行代码搭建自己的无服务器OCR
服务器·python·deepseek
茶杯梦轩5 天前
CompletableFuture 在 项目实战 中 创建异步任务 的核心优势及使用场景
服务器·后端·面试
海天鹰5 天前
【免费】PHP主机=域名+解析+主机
服务器
修炼前端秘籍的小帅5 天前
Stitch——Google热门的免费AI UI设计工具
前端·人工智能·ui
不是二师兄的八戒5 天前
Linux服务器挂载OSS存储的完整实践指南
linux·运维·服务器
芝士雪豹只抽瑞克五5 天前
Nginx 高性能Web服务器笔记
服务器·nginx
王码码20355 天前
Flutter for OpenHarmony:socket_io_client 实时通信的事实标准(Node.js 后端的最佳拍档) 深度解析与鸿蒙适配指南
android·flutter·ui·华为·node.js·harmonyos
失重外太空啦5 天前
Tomcat
java·服务器·tomcat