OpenHarmony开发实战: 一种应用界面UI自动化测试方法

|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| ## 前言: 随着 OpenHarmony 版本更新,应用生态繁荣,如何对应用界面进行自动化测试成为一个迫切的问题。一般情况,对应用的界面测试都是通过人工进行,效率低,误判率高,本文将介绍一种通过图片对比进行 UI 测试的方法,实现 UI 测试自动化。 设计思路:通过测试工程在基线版本上执行,截屏并保存图片,然后在被测版本上执行并截屏,将基线图片和测试图片进行对比。 ## 1 需求 比如,我们要实现一条 UI 的测试用例,检查一个按钮是否被正确地绘制: ## 2 实现 ### 2.1 使用 DevEco 创建测试工程 在 testability 目录下创建页面,命名规则,用例编号除数字外,相同的用例在 pages 下创建一个同名子目录,每个编号的用例创建一个 ets 文件,文件名采用大驼峰如下: ### 2.2 创建测试用例目和文件 在 test 目录下创建用例目录,目录名称和 2.1 中的页面相同并在后面加 Test,用例文件和页面 ets 文件相同,后缀多了.test,如下图: ### 2.3 编写页面代码 按用例要求编写页面,创建文本组件,并设置颜色为 Blue。 结构名称和文件名相同,组件需要设置 id 的,使用本文件名加"_001"按递增使用,避免和别的文件中的 id 重名。 ### 2.4 编写用例代码 修改类名,注释,测试套名称,用例名称,和测试用例文件及用例文档中对应,修改调用的页面文件路由,和页面路径对应: ### 2.5 添加页面路由配置 注意:这里的页面是写在 ohosTest 模块下,不要写到 main 模块里。 ## 3 编译运行 ### 3.1 编译 因为工程使用了截屏接口,需要系统权限,在 SDK 的 sdk\12\toolchains\lib\UnsgnedReleasedProfileTemplate.json 文件中修改应用级别:"apl":"system_core", "app-feature":"hos_system_app"。 在 IDE 的 file -> Project Structure 中自动签名: Build-> Rebuild 编译 hap。 ### 3.2 执行 右键 xxxxx.test.ets 文件执行用例,或右键 test 目录执行全部用例: 观察设备是否正常显示测试页面,显示了蓝色的文字: 检查测试结果: ### 3.3 获取截屏图片 打开截屏图片看是否显示为正确的蓝色文字。 ## 4 对比图片 使用 uicompare_tools 目录下的 python 对比工具脚本。 使用对比脚本前需要安装 python 环境,安装依赖包:需安装三个包:openpyxl、numpy、pillow。 hdc 配置到系统环境变量。 ### 4.1 将编译好的测试 HAP 复制到 对比工具的 hap 目录下 ### 4.2 在对比工具 excel 表格中添加用例 excel 文件名和 hap 名必须相同,一个 excel 对应一个 hap。 ### 4.3 生成基线图片 ### 4.4 对比测试 指定基线图片目录和上中路径一致 测试显示用例执行通过: ### 4.5 测试报告 ## 5 总结 本测试方法全套工程及样例代码已上传到集成测试仓:UI 对比测试。 大家可以根据需要下载使用 |

最后

小编在之前的鸿蒙系统扫盲中,有很多朋友给我留言,不同的角度的问了一些问题,我明显感觉到一点,那就是许多人参与鸿蒙开发,但是又不知道从哪里下手,因为资料太多,太杂,教授的人也多,无从选择。有很多小伙伴不知道学习哪些鸿蒙开发技术?不知道需要重点掌握哪些鸿蒙应用开发知识点?而且学习时频繁踩坑,最终浪费大量时间。所以有一份实用的鸿蒙(HarmonyOS NEXT)资料用来跟着学习是非常有必要的。

为了确保高效学习,建议规划清晰的学习路线,涵盖以下关键阶段:

希望这一份鸿蒙学习资料能够给大家带来帮助~


鸿蒙(HarmonyOS NEXT)最新学习路线

该路线图包含基础技能、就业必备技能、多媒体技术、六大电商APP、进阶高级技能、实战就业级设备开发,不仅补充了华为官网未涉及的解决方案

路线图适合人群:

IT开发人员: 想要拓展职业边界
零基础小白: 鸿蒙爱好者,希望从0到1学习,增加一项技能。
**技术提升/进阶跳槽:**发展瓶颈期,提升职场竞争力,快速掌握鸿蒙技术

2.视频学习资料+学习PDF文档

(鸿蒙语法ArkTS、TypeScript、ArkUI教程......)

纯血版鸿蒙全套学习资料(面试、文档、全套视频等)

鸿蒙APP开发必备

​​

总结

参与鸿蒙开发,你要先认清适合你的方向,如果是想从事鸿蒙应用开发方向的话,可以参考本文的学习路径,简单来说就是:为了确保高效学习,建议规划清晰的学习路线

相关推荐
EthanChou20205 小时前
AES67协议笔记
前端·笔记·es6
马优晨5 小时前
pom.xml 中 jquery webjars 依赖解释
xml·前端·jquery·jquery webjars·webjars依赖
简单Janeee5 小时前
[Vue 3 从零到上线]-第九篇:更美更强——引入 UI 库与网络请求 (Axios)
网络·vue.js·ui
里欧跑得慢5 小时前
AI 驱动的 UI 国际化方案自动适配:从单一语言到多语言布局的智能转换
前端·css·flutter·web
DolitD5 小时前
云流技术深度剖析:单服务器下如何实现3D应用的多实例并发?
java·服务器·前端·3d·云原生·云计算
特立独行的猫a5 小时前
仓颉语言原生 Coding Agent:cjh · 仓颉语言实现的 Harness
ai·agent·harmonyos·仓颉·cangjie·harness
芦柑4645 小时前
画布和3D导演台工具:短剧分镜从素材整理到空间预演的完整链路
服务器·前端·数据库
大锅盖15 小时前
警示橙如何驱动巡检闭环?ArkUI 物业安全平台的声明式实现
安全·华为·harmonyos
闲云野鹤在人间5 小时前
KVM虚拟化实战|CentOS‑Stream8 两种安装方式+模板制作+基础使用
linux·运维·服务器·centos
小张同学a.5 小时前
Docker 容器实战 2—— docker 仓库
linux·运维·服务器·docker·容器