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

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

2017-08-02 622

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-02

633

通过分析受自家安全产品保护的设备的事务处理状况，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-02

694

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。