Macaca之App Inspector使用简介

       在没有用Appium_Desktop之前，使用App Inspector来对appium进行UI测试。

App Inspector

       浏览器端的移动设备 UI 查看器

       使用树状态结构查看 UI 布局，自动生成 XPath

环境需要

       要安装 app-inspector, 你需要首先安装 Node.js。 国内用户可以安装 cnpm 加快 NPM 模块安装速度。

       另外，推荐安装 macaca-cli.

$ npm install macaca-cli -g

       你需要准备好你需要进行查看的移动平台的环境。

       Android 请安装 Android SDK，iOS 安装 Xcode.

       然后使用 macaca 命令行工具检测环境是否准备好。

$ macaca doctor

       如果你看到一堆绿色的文字输出了，说明你的这个环境是 OK 的。然后你就可以安装使用 app-inspector。

安装

$ npm install app-inspector -g

使用

       从命令行启动

$ app-inspector -u YOUR-DEVICE-ID

       关于如何获取设备 ID，请查看 获取设备 ID 部分。

打开界面

       你的命令行将输出如下的文字：

inspector start at: http://192.168.10.100:5678

       然后在浏览器里面打开输出的链接：http://192.168.10.100:5678。

       推荐用 Chrome 浏览器。

获取设备 ID

iOS

       命令行方式

$ xcrun simctl list

       这行命令会列出你的所以模拟器信息，里面有类似 XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX 的代码，就是模拟器 UDID。

       从 Xcode 获取

打开模拟器，从菜单中打开 Hardware - devices - manage devices。 然后你会看到模拟器信息界面，里面有个 identifier，就是 UDID。

Android

       从命令行

       先启动你的设备，然后使用 adb 命令查看设备信息：

$ adb devices123ABCDEFG  device192.168.0.100:5555  device

iOS 真机问题

$ DEVELOPMENT_TEAM_ID=TEAM_ID npm i app-inspector -g