使用macaca进行移动端hybird自动化测试(二)-低调大师

使用macaca进行移动端hybird自动化测试(二)

2017-08-02 549

Macaca

macaca是阿里开源的基于Node.js开发的自动化测试工具，支持native,hybird,moblie web,关于macaca具体的内容参见官网macaca.

macaca是如何驱动自动化测试的呢?事实上macaca和appium在架构和一些应用层面有很多相似的地方。

作为client的我们可以使用不同语言去编写测试脚本，其中测试脚本遵循webdriver协议，client向测试框架启动的server发送http请求。正因为client和server是基于http进行通讯的，因此client可以支持不同的编程语言。server通过解析HTTP的request，然后调用IOS提供的UIAutomation库来进行模拟点击等的操作，操作完成后移动设备会将操作结果返回给server,然后server将这个操作结果返回给client。

?有提到过webdriver协议：

其实它就是一层基础的协议规范。正是因为这样的协议存在一些自动化测试框架可以使用多种语言编写测试脚本。它提供了web页面操作的相关规范，比如元素的定位，浏览器原生事件的操作，还有获取DOM元素属性等一系列的方法。不管你用什么语言编写测试脚本的话，都应该按照这个协议规范来。WebDriver 通过原生浏览器支持或者浏览器扩展直接控制浏览器。WebDriver 针对各个浏览器而开发，取代了嵌入到被测 Web 应用中的 JavaScript。与浏览器的紧密集成支持创建更高级的测试，避免了JavaScript 安全模型导致的限制。除了来自浏览器厂商的支持，WebDriver 还利用操作系统级的调用模拟用户输入。webDriver 支持了所有的主流浏览器，同时还支持了Iphone和Android的移动应用测试。

接下来就带着大家一步一步使用macaca进行进行自动化测试：

step 1

全局安装macaca的cli,如果觉得比较慢，就换淘宝的cnpm镜像吧。

npm install macaca -g

安装完成后可以输入

//查看cli的提供其他的功能
macaca -h
//用以查看当前的环境配置
macaca doctor
//用以单独启动一个webdriver server
macaca server
//启动测试
macaca run

现在输入macaca doctor:

在Android checklist里面出现了2条红色的提示文案，说明这2个选项没有配置完成。我现在是以IOS为例，暂且不管这2个和Andriod相关的配置。不清楚的可以google。其中在IOS checklist当中：出现了Xcode和ios_webkit_debug_proxy.

首先你需要通过app store安装Xcode。全局安装ios_webkit_debug_proxy这个包，这个包用于测试ios的webview:

brew install ios-webkit-debug-proxy

此外，还需要全局安装ios-driver:

npm i macaca-ios -g

这样准备好了基础的测试套件。接下来你可以克隆macaca提供的官方示例，其中包括IOS的app和相关的测试脚本，对照着官文文档感受下大致的流程：

git clone https://github.com/macacajs/macaca-test-sample.git --depth=1

接下来进行自己的测试工作：

因为我是前端开发人员，要测试native里面的webview。首先让IOS的同学帮忙打包一个.app格式的应用，并压成zip格式的文件。PS：打包的时候选用debug模式。

准备好了原材料，先让我们停一停。做UI测试的话，要模拟用户各种操作，那么必须得知道native应用上不同界面的元素，就像获取html里面的DOM节点一样。因为macaca提供了通过Xpath去获取native页面上不同的元素节点的API。因此可以通过这种方式。

macaca提供了app-inspector这样一个使用树状态结构查看UI布局，自动生成XPath的工具。

npm install app-inspector -g

安装完成后，通过macaca-cli启动你的IOS模拟器，运行你的应用。

然后通过app-inspector启动UI检测工具,

app-inspector -u YOUR-DEVICE-ID

获取uuid的方式：

命令行输入：

xcrun simctl list

这行命令会列出你的所以模拟器信息，里面有类似 XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX 的代码，就是模拟器UDID,选择当前模拟器状态是Booted的那个。

通过app-inspector启动这个工具后，打开在Chrome里面打开命令行里面提示的浏览器地址，这样在浏览器上就能看到在native里面打开的ios页面。

因为我要测试webview的页面，因此native的页面的所有元素节点通过app-inspector这个工具去获取Xpath,然后编写测试脚本模拟用户的操作，一步一步的进入到webview页面。

在我测试的应用当中，从app打开到进入要测试的webview页面的测试脚本就变成了：

.waitForElementByXPath('//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[2]/XCUIElementTypeButton[1]')
.click()
//用户名输入
.waitForElementByXPath('//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeTextField[1]')
.sendKeys(username)
//密码输入
.waitForElementByXPath('//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[3]/XCUIElementTypeSecureTextField[1]')
.sendKeys(password)
.sendKeys('\n')
//登录按钮
.waitForElementByXPath('//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeButton[2]')
.click()
//更多按钮
.waitForElementByXPath('//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeImage[1]/XCUIElementTypeButton[2]')
.click()
.sleep(1000)
.swipe(200, 400, 200, 100, 500)
.waitForElementByXPath('//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeCollectionView[1]/XCUIElementTypeCell[10]')
.click()
.sleep(1000)
.waitForElementByXPath('//XCUIElementTypeApplication[1]/XCUIElementTypeWindow[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeOther[1]/XCUIElementTypeScrollView[1]/XCUIElementTypeOther[2]')
.click()
.sleep(1000)

这样完成了native进入到webview页面的所有操作。

接下来就是webview的模拟操作啦。放到下一节来讲吧。

作者：苹果小萝卜

来源：51CTO

微信关注我们

原文链接：https://yq.aliyun.com/articles/182753

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

iOS开发-UITextView根据内容自适应高度

UITextView作为内容文本输入区域，有的时候我们需要根据内容动态改变文本区域的高度，效果如下: 定义UITextView，实现UITextViewDelegate: 1 2 3 4 5 6 7 8 9 10 11 12 -(UITextView *)textView{ if (!_textView) { //http://www.cnblogs.com/xiaofeixiang/ _textView=[[UITextView alloc]initWithFrame:CGRectMake(30, 200, CGRectGetWidth([[UIScreen mainScreen] bounds])-60, 30)]; [_textView setTextColor:[UIColor redColor]]; [_textView.layer setBorderColor:[[UIColor blackColor] CGColor]]; [_textView setFont:[UIFont systemFontOfSize:15]]; [_textView.layer s...

2017-08-03

551

通过分析受自家安全产品保护的设备的事务处理状况，Zscaler发现iOS应用程序比Android apps泄露了用户更多的隐私信息。人们常以为iOS要比Android更加安全，但根据Zscaler上季度从4500万起事务中检测到的数据，发现其中有大约20万起涉及被app泄露了用户数据，包括PII级别的个人身份信息(比如手机号码和电子邮件地址)、地理位置信息(经纬度坐标)、设备元数据(IMEI码 / MAC地址 / IMSI码 / 网络 / 操作系统 / SIM卡信息 / 制造商)等。 Zscaler表示，其追踪了2600万起来自iOS设备(及iOS app)的事务，用户数据泄露的占比达到了0.5%，即共有13万次操作。在泄露的数据中，有72.3%与用户的设备信息相关，27.5%为地理位置坐标，仅有0.2%为app暴露的PII数类据。在所有泄露用户隐私数据的事务中，70%可追溯到中国境内的iOS设备，20%来自南非，英、美、爱尔兰三地组成了前五。作为对比，Zscaler追溯了2000万起来自Android应用的事务，其中仅有0.3%泄露了用户信息(大约只有6万)。当然，在Andr...

2017-08-03

612

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Apache Tomcat

Tomcat是Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，由Apache、Sun 和其他一些公司及个人共同开发而成。因为Tomcat 技术先进、性能稳定，而且免费，因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可，成为目前比较流行的Web 应用服务器。

Eclipse

Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括Java开发工具（Java Development Kit，JDK）。