MAC M1 Pro搭建移动端UI自动化测试环境--Android篇

一时失言乱红尘 2023-09-28 18:08 10阅读 0赞

### 前言 ###

目前大家熟知的测试主要分为功能测试、接口测试、UI测试，本文重点介绍的则是UI测试

### UI 测试 ###

UI 测试 通常分为WEB 端和 移动端，前者主要是针对PC端的网站进行测试，主要是模拟各个浏览器的内核的兼容性，后者则是针对App Native、H5、Hybrid进行模拟测试，发现多机型的兼容性问题

### App Native 测试 ###

本文主要介绍APP 原生的UI测试，当然APP 原生目前主流的又分为Android和iOS两大阵营，本文主要先介绍Android，后面文章再介绍iOS的UI测试,

### 技术选型 ###

采用目前主流的开源框架Appium

![在这里插入图片描述][37930c6c4e39432eb067db3d637c02e8.jpeg]

#### 准备依赖的安装包 ####

1.  Jdk 1.8
2.  android-sdk（或者安装android studio）
3.  appium server gui
4.  appium inspector
5.  com.starbucks.cn\_8.13.0\_4315.apk
6.  夜神模拟器（或者连接真机测试）

#### 搭建环境 ####

***如下步骤皆是以Mac 系统，M1Pro环境下进行实践的***

##### 安装android studio #####

下载地址：  
https://android-studio.en.softonic.com/mac  
![在这里插入图片描述][743fe2ebc69d42998621dcdda9fc0df8.png]  
![在这里插入图片描述][ccbe812d89c747ef9dc52640fd7208ba.png]

![在这里插入图片描述][7b75fd101f2245389f7a5968a144cb04.png]  
![在这里插入图片描述][c2ae37335c0341649643c0f6b81e2c94.png]

![在这里插入图片描述][67f70135d65f4ec282e6bf6be2f00ada.png]

##### 安装appium server gui #####

下载地址：  
https://github.com/appium/appium-desktop/releases/tag/v1.22.3-4  
![在这里插入图片描述][c1c139291bae4da5a707d7f5439c9e6e.png]

![在这里插入图片描述][db4e8382693a4b76afee06483f0e7384.png]  
![在这里插入图片描述][9d4bcb405aa54ee191e57177c82eed98.png]

![在这里插入图片描述][adbcc6478ced4ddf9103a0af8b7d22a8.png]

##### 安装appium inspector #####

下载地址：  
https://github.com/appium/appium-inspector/releases

这个工具下载的目的是为了定位app的界面元素，并可以生成录制界面操作的客户端脚本

![在这里插入图片描述][a45487cb733947f8a610afb373d07be6.png]

##### 连接真机 #####

以小米10S为例说明  
**开启【开发者选项】**  
在【设置】–》【我的设备】–》【全部参数】–》【MIUI版本】  
点击多次MIUI版本 开启【开发者选项】

**开启USB调试相关开关**  
![在这里插入图片描述][6da36af267974c678be7f5d50bf35d26.png]  
***注意：  
连接小米真机调试时，还需要在真机安装SIM卡***

#### 以星巴克 app为例 自动下单点咖啡 ####

##### 配置主要参数 #####

![在这里插入图片描述][545fa4e0b2954d0dbc450da3f9ac9a8a.png]  
\{  
“platformName”: “Android”,  
“appium:platformVersion”: “12”,  
“appium:deviceName”: “M2102J2SC”,  
“appium:appPackage”: “com.starbucks.cn”,  
“appium:appActivity”: “com.starbucks.cn.ui.StarbucksLaunchActivity”  
\}

**deviceName 可以通过如下操作获取：**  
$adb devices -l  
![在这里插入图片描述][7a08177e0106449cb3e269fa767543a9.png]  
**platformVersion 可以通过如下操作获取：**  
![在这里插入图片描述][0348cc74e3004eb2aba6b5de1937cbe9.png]

**appPackage和 appActivity可以通过如下操作获取：**

下载星巴克Android安装包apk，可以在应用宝市场中下载  
https://a.app.qq.com/o/simple.jsp?pkgname=com.starbucks.cn&channel=0002160650432d595942&fromcase=60001

![在这里插入图片描述][148032be30624f19bf4fd0af971cc787.png]

#### 开始测试 ####

##### 启动inspector 会话 #####

![在这里插入图片描述][fbf5ed8a50ec42f5bcc3b9881191fec9.png]

##### 录制界面操作脚本 #####

![在这里插入图片描述][76fde30df5a046fd847b1481e5da7770.png]

将录制的脚本复制到python客户端工具中：

el1 = driver.find_element(by=AppiumBy.XPATH, value="/hierarchy/android.widget.FrameLayout/android.widget.LinearLayout/android.widget.FrameLayout/android.widget.LinearLayout/android.widget.FrameLayout/android.view.ViewGroup/android.widget.FrameLayout/android.view.ViewGroup/android.view.ViewGroup/android.widget.LinearLayout/android.widget.ScrollView/android.widget.LinearLayout/android.view.ViewGroup/android.widget.LinearLayout/android.view.ViewGroup[3]/android.widget.FrameLayout[1]/android.view.ViewGroup")
    el1.click()
    el2 = driver.find_element(by=AppiumBy.ID, value="com.starbucks.cn:id/phone_number")
    el2.send_keys("13877889911")
    el3 = driver.find_element(by=AppiumBy.ID, value="com.starbucks.cn:id/code_button")
    el3.click()
    el4 = driver.find_element(by=AppiumBy.XPATH, value="/hierarchy/android.widget.FrameLayout/android.widget.LinearLayout/android.widget.FrameLayout/android.widget.LinearLayout/android.widget.FrameLayout/android.view.ViewGroup/android.view.ViewGroup/android.view.ViewGroup/androidx.viewpager.widget.ViewPager/android.widget.LinearLayout/android.widget.FrameLayout/android.widget.RelativeLayout/android.widget.FrameLayout/android.widget.EditText")
    el4.send_keys("2221")

执行如上脚本完成自动化UI测试

[37930c6c4e39432eb067db3d637c02e8.jpeg]: https://img-blog.csdnimg.cn/37930c6c4e39432eb067db3d637c02e8.jpeg
[743fe2ebc69d42998621dcdda9fc0df8.png]: https://img-blog.csdnimg.cn/743fe2ebc69d42998621dcdda9fc0df8.png
[ccbe812d89c747ef9dc52640fd7208ba.png]: https://img-blog.csdnimg.cn/ccbe812d89c747ef9dc52640fd7208ba.png
[7b75fd101f2245389f7a5968a144cb04.png]: https://img-blog.csdnimg.cn/7b75fd101f2245389f7a5968a144cb04.png
[c2ae37335c0341649643c0f6b81e2c94.png]: https://img-blog.csdnimg.cn/c2ae37335c0341649643c0f6b81e2c94.png
[67f70135d65f4ec282e6bf6be2f00ada.png]: https://img-blog.csdnimg.cn/67f70135d65f4ec282e6bf6be2f00ada.png
[c1c139291bae4da5a707d7f5439c9e6e.png]: https://img-blog.csdnimg.cn/c1c139291bae4da5a707d7f5439c9e6e.png
[db4e8382693a4b76afee06483f0e7384.png]: https://img-blog.csdnimg.cn/db4e8382693a4b76afee06483f0e7384.png
[9d4bcb405aa54ee191e57177c82eed98.png]: https://img-blog.csdnimg.cn/9d4bcb405aa54ee191e57177c82eed98.png
[adbcc6478ced4ddf9103a0af8b7d22a8.png]: https://img-blog.csdnimg.cn/adbcc6478ced4ddf9103a0af8b7d22a8.png
[a45487cb733947f8a610afb373d07be6.png]: https://img-blog.csdnimg.cn/a45487cb733947f8a610afb373d07be6.png
[6da36af267974c678be7f5d50bf35d26.png]: https://img-blog.csdnimg.cn/6da36af267974c678be7f5d50bf35d26.png
[545fa4e0b2954d0dbc450da3f9ac9a8a.png]: https://img-blog.csdnimg.cn/545fa4e0b2954d0dbc450da3f9ac9a8a.png
[7a08177e0106449cb3e269fa767543a9.png]: https://img-blog.csdnimg.cn/7a08177e0106449cb3e269fa767543a9.png
[0348cc74e3004eb2aba6b5de1937cbe9.png]: https://img-blog.csdnimg.cn/0348cc74e3004eb2aba6b5de1937cbe9.png
[148032be30624f19bf4fd0af971cc787.png]: https://img-blog.csdnimg.cn/148032be30624f19bf4fd0af971cc787.png
[fbf5ed8a50ec42f5bcc3b9881191fec9.png]: https://img-blog.csdnimg.cn/fbf5ed8a50ec42f5bcc3b9881191fec9.png
[76fde30df5a046fd847b1481e5da7770.png]: https://img-blog.csdnimg.cn/76fde30df5a046fd847b1481e5da7770.png