『与善仁』Appium基础 — 18、元素定位工具(二)-编程思维

『与善仁』Appium基础 — 18、元素定位工具(二)

APP中的元素定位工具大致有三种:

  • uiautomatorviewer工具
  • Appium Inspector工具
  • Chrome Inspect工具

提示:本篇文章介绍Appium Inspector工具。

1、Appium Inspector介绍

之前我们说过Appium Server有两种启动方式,

  • 一种是Appium Desktop有图形界面的启动方式,称之为桌面版;
  • 另一种版本是通过npm安装,使用命令行参数启动的Appium Server

Appium Inspector工具就在Appium Desktop中,Appium InspectorAppium Desktop附带的一个元素定位检查器,用来调试定位应用程序很方便。

Appium Inspector工具同时支持Android系统和IOS系统中原生界面的元素定位。

2、Appium Inspector打开方式

Appium Desktop安装完成之后,双击打开。

image

说明:界面有 3 个 Tab 选项

  • Simple:默认配置,监听本机 4723 端口;
  • Advanced:高级设置,可以自定义Appium server端的配置,配置好后可以保存到Presets
  • Presets:修改Advanced高级设置中的配置项。

一般我们测试直接使用Simple即可,点击 Start Server 按钮,启动Appium server,并开启监听本机 4723端口。

开启服务后,界面跳转到服务端控制台,如下图所示:

image

提示:

控制台显示运行的脚本中的日志信息,右上角有 3 个按钮,分别是:

  • 第一个按钮 Start Inspector Session,开启Appium Inspector定位工具;
    注意:inspector会新开一个Session
  • 第二个按钮Get Raws Logs,下载当前控制台中的log信息;
  • 第三个按钮Stop Server,关闭当前的Appium server

有两种方式可以开启Appium Inspector工具,

  • 方式一:点击右上角三个按钮中的第一个(一个放大镜样子的按钮),打开Appium Inspector工具。
  • 方式二:点击左上角File-->New Session Window... Ctrl+N也可以打开Appium Inspector工具。

如下图:

image

Appium Inspector工具开启后的界面如下图:

image

3、Appium Inspector布局介绍

Appium Inspector布局如下图所示:

image

上图说明:

  1. 布局1是Appium Inspector服务的设置。
    Automatic Server :自动服务器。
    Custom Server :定制服务器。
    Select Cloud Providers :选择云提供商。
    我们一般使用Automatic Server即可:
    Will use currently-running Appium Desktop server http://localhost:4723
    将使用当前运行的Appium桌面服务器http://localhost:4723
  2. 布局2是高级设置。
    可以设置:
    Allow Unauthorized Certificates:允许未经授权的证书。
    Use Proxy:使用代理服务器。
    初学一般我们不进行高级设置。
  3. 布局3是Desired Capabilities参数设置。
    Desired Capabilities: 编写Desired Capabilities参数。
    Saved Capability Sets:已保存的Desired Capabilities,可以进行查看和修改。
    Attach to Session...:附加到会话...(用到的时候在说)

4、Appium Inspector工具的配置

1)Appium Inspector工具使用前提

  • 打开Appium Desktop,开启Appium Inspector工具。
  • 所测试设备是开机状态(手机或者模拟器)。
  • 确保电脑与设备是链接状态,也就是
    cmd进入命令行终端,
    输入adb connect 127.0.0.1:21503链接逍遥模拟器,
    输入adb devices能够获取设备名称。

2)Appium Inspector的服务器设置和高级设置

  • 服务器设置:选择Automatic Server(一定要记得点击一下,进行选中)
  • 高级设置:不进行设置

3)编写Desired Capabilities参数(重点)

可以在左侧一行一行手动添加,如下图所示:

image

提示:第二列的格式是针对第三列value值而言的。

也可以把Json格式的数据编辑好,直接粘贴在右侧JSON Representation里。

image

直接把Json格式的数据直接粘贴过来。

image

点击保存之后,数据会同步到左侧,如下图所示:

image

4)保存Desired Capabilities参数

如有需要,在编辑完成Desired Capabilities参数之后,可以对其进行保存,方便以后的管理和使用。

image

image

5)查看和修改已存储的Desired Capabilities

点击Saved Capability Sets标签页,可以查看和修改已存储的Desired Capabilities

image

6)开启Session,连接手机获取手机界面

点击Start Session,开启使用Appium Inspector工具。

如下图所示:

image

说明:

  • Appium Inspector需要我们手动创建一个session,其实也就是一个客户端,和Appium server连接,并且需要在Desired Capabilities里面填入一些参数。
  • 所需功能是在Desired Capabilities对象中编码的键和值,当请求新的自动化会话时,由Appium客户端发送到Appium Server服务器。Desired Capabilities告诉Appium驱动程序有关您希望测试如何工作的各种重要信息。最终Desired Capabilities将作为JSON对象发送到Appium
  • 所需功能的Desired Capabilities对象可以在WebDriver测试中编写脚本,也可以在Appium Server GUI中设置(通过Inspector会话中,就是上边的介绍方式)。

提示:

Appium Inspector能够不能抓取手机屏幕时,可以关闭和重启adb服务,或者重启Appium Inspector服务。

命令如下:

  • adb kill-server
  • adb start-server

5、Appium Inspector工具的使用

(1)Inspector 定位控件界面的详细介绍

image

上图说明:

  • 布局1:截图的手机界面
    可以点击选择元素。
  • 布局2:顶部操作栏
    从左往右的按钮依次是
    Select Element:选择元素。
    Swipe By Coordinates:选择滑动的起始和结束位置。
    Tap By Coordinates:使得手机界面变换可操作状态,可以点击界面的元素。
    Back:模拟Android的返回键。
    Refresh Source & Screenshot:刷新页面,用来重新获取手机当前界面。
    Start Recording:录制操作。
    Search for element:校验定位表达式。
    Copy XML Source to Clipboard:复制XML树。
    Quit Session & Close Inspector:退出当前Session。
  • 布局3:XML树
    以XML树的形式,展示界面上的控件布局。
  • 布局4:控件属性区域
    选择某个控件,在这里可以显示该控件的所有属性和值。

(2)Selected Element 的介绍

选择元素功能:

image

1)顶部的TapSend KeysClear

模拟用户的操作:

  • tap:相当于点击该元素。
  • send keys:输入值,针对输入框的操作。
  • clear:清空所有值。

建议:不建议用这些操作,因为很容易造成断开连接(左侧界面一直loading)....反正我这边经常这样,如果不会的话当然最好用啦!

2)Find By xpath

提供了该元素的XPATH表达式

不推荐用,绝对路径太长了..........还是自己写吧!

3)那串黄色背景色的英文

不建议使用XPath定位器,因为它很脆弱,建议让开发团队提供独特的可访问性定位器(即:resource-id)

4)Attribute - Value

属性列表。

(3)Search for element 的介绍

搜索元素功能,位置如下图:

image

点击弹出如下界面:

选择定位策略,如下图:

image

填写对应的定位表达式,如下图:

image

点击Search就可以进行元素定位了。

如果能找到Elements的话表达式就是正确的,然后你还可以针对该元素进行一些操作。

(4)在Appium Inspector中操作手机

当我们使用Appium Inspector定位工具获取到手机设置APP界面的时候,如下图:

image

点击顶部操作栏中的Tap By Coordinates按钮,使得手机界面变换可操作状态。

然后我们在左侧的手机界面中点击显示,就可以进入到显示的界面中了。

image

image

进入到显示之后,现在我们还是保持在可操作手机的状态。

之后我们就可以继续操作手机,也可以点击Select Element按钮,在当前页面中进行选择的元素。

image

我们也可以点击Back按钮,返回到设置APP的首界面。

image

提示:这一点Appium Inspector定位工具就比uiautomatorviewer定位工具方便多了。

(5)Start Recording 的介绍(了解)

image

  • 操作步骤:点击开始录制之后,再点击Tap By Coordinates,进入界面可操作状态。
  • 然后就可以开始点击你想要的元素了,这个时候就开始录制了。
  • 最后在Recorder下面会显示对应的代码,右侧可以选择不同的语言。
  • 建议:不要过多使用该功能,可以看到录制的代码是根据坐标去定位元素的,换个手机同一个元素坐标可能就不同了,可移植性不高。

6、UIAutomatorviewer工具和Appium Inspector工具对比

(1)UIAutomatorviewer 的局限性:

  1. 不能校验我们写的定位表达式是否正确定位到控件(类似浏览器上的F12)。
  2. 连接不够稳定。
  3. 不能模拟用户动作。

(2)Appium DesktopInspector的优势:

  1. 可以校验定位表达式(如:XPATH表达式)。
  2. 通过设置Desired Capabilities来连接手机,比较稳定。
  3. 可以模拟用户动作(如:点击,返回,滑动等操作)。
  4. 可以录制一系列操作,然后转换成代码。

提示:

学习或者编写脚本过程中,使用桌面版会方便一些,因为桌面版还提供了定位工具。

而实际运行的时候,使用Server版本会更灵活、更容易与CI工具进行集成。

说明:

我们先介绍Appium Inspector工具的使用,关于如何定位页面中的元素,之后的文章会详细说明。

参考: