iOS9 Day-by-Day :: Day 2 :: UI Testing

原文地址

这是一个系列文章,查看更多请移步目录页

自动化测试用户界面工具对于开发软件来说是非常有用的,他可以快速的帮你定位到问题。一套成功的测试流程,可以为你最终发布软件带来信心。在iOS平台上,我们使用 Automation 来完成这个工作。这要打开一个单独的应用 Instruments,然后编写和运行 JavaScript 脚本。整个流程痛苦且漫长。

UI Testing

在Xcode7中,苹果介绍了一种新的方式来管理你的应用界面的测试工作。UI testing 允许你对 UI 元素进行查找,交互,验证属性和状态。在 Xcode7 中,UI testing 伴随着测试报告,并且和单元测试一起运行。 XCTest 是在 Xcode 5 时融入到测试框架的,在Xcode7 中,新增了对 UI 的测试能力。允许在特定点设置断言,查看UI当时的状态。

Accessibility(辅助功能)

为了 UI Testing 能够工作,框架需要和你的众多元素直接建立连接,然后安排好操作。你可以设定义特别的点,或者在某个 UI 上创建 tweak,然后指定点击或者滑动操作。但是这在不同尺寸设备上就失效了。

这时候 accessibility,就能提供帮助了。Accessibility 是苹果早就发布的一个框架,提供给有一定身体障碍(例如失明)的人使用,让他们能够操作和使用你的应用。他把你的 UI 以语义话的方式提供给这些用户,允许他们进行丰富的操作。你可以(也应该)让你的元素具备Accessibility的能力。有很多原因,比如说自定义的控件,不能够被自动发现。

UI Testing 有能力通过你的应用提供给 Accessibility 的特性,来对不同尺寸的设备进行测试提供解决方案。也保证了你在重新组织了一下你的 UI 之后,不必全部重新写一套测试。不仅能够帮助你测试自己的 UI,同时也能够对你的应用,更好的支持有一定身体障碍的人群使用而带来帮助。

UI 录制

一旦你设置好了你的 accessible UI,你将要创建 UI 的测试项。编写 UI 的测试是非常耗时,无聊的,如果你的 UI 比较复杂,也是非常困难的。感谢 Xcode7, 苹果介绍了 UI Recording. 他允许你新建、或者在已有项目中创建测试。当你打开时,测试代码会随着你在设备或模拟器上操作自动创建。好了,简介到此结束,是时候用一个例子来看一下,如何使用了。

创建 UI 测试例子

我们将通过UI Testing套件来创建一个实例,展示 UI Testing 是如何工作的。最终的 demo 可以在Github下载,你可以跟着我们一起来练习和查看结果。

创建

在Xcode7中,当你创建新项目时,如果选择包含 UI Tests,将会为你创建一个新的 target,你可以在弹出框中设置所有你想要的配置。

选中Include UI Tests

本项目非常简单,但已经足够帮我们演示 UI Testing 在 Xcode 7 中是如何工作的了。

storyboard 界面

这里有一个 menuViewController,里面包含一个 switch 和一个 button。点击 button,可以 push 到  detailViewController 页面。当 switch 的状态为 off 的时候,是禁止 push 的。详细页面有一个按钮和一个标签,点击按钮可以增加标签的值。

使用 UI Recording

一旦UI控件创建好,并且写好了方法。我们就可以写测试单元,确保代码的变化,不会影响方法的效果。

The XCTest UI Testing API

在我们录制测试的动作之前,我们需要决定断言放在哪里。为了能够测试我们的UI,我们可以使用 XCTest Framework,他现在扩充了三个新的 API。

XCUIApplication 这是你要测试的应用的代理,他能够把你的应用启动起来,并且每次都在一个新进程中。这可能会花一点儿时间,但这意味着每次要测试你的应用时,他都会把需要处理的工作完成,保持一个干净的,全新的状态。

XCUIElement 这是你要测试的应用的 UI 元素的代理。元素都有类型和唯一标识。你可以结合使用来找到你的元素在哪里,这些元素以树状结构组合,构成了你的应用的表现形式。

XCUIElementQuery 当你要要查找元素时,会用到 XCUIElementQuery, 每一个 XCUIElement 基于一个查询。这个查询必须在你的元素树上找到对应的元素,否则就会失败。异常信息会提示不存在,你可以去检查一下是否展现在树上了。XCUIElementQuery 具有通用性,如果你查找一个辅助功能支持的元素,查询会返回一组结果。

现在我们准备好写测试了,通过这个测试来进一步解释提到的这些API。

Test 1 - 确保switch关闭时,导航不能生效

首先我们定义一个测试方法。

func testTapViewDetailWhenSwitchIsOffDoesNothing() {

}

定义好方法后,我们让光标移到方法中,点击Xcode窗口底部的录制按钮。

recording

现在应用启动起来了,点击一下 switch, 让其处于关闭状态,然后点击一下“View Detail”按钮,下面这些代码会自动插入到 `testTapViewDetailWhenSwitchIsOffDoesNothing`方法中.

let app = XCUIApplication()

app.switches["View Detail Enabled Switch"].tap()

app.buttons["View Detail"].tap()

现在再点一下录制按钮,录制会停止下来。可以看到,实际上并没有 push 到 detailViewController 页面。但这时测试并不知道,我们要加个断言,判断一下没有变化。我们可以比较导航栏的标题值,这并不优雅,但当前演示就够了。

XCTAssertEqual(app.navigationBars.element.identifier, "Menu")

添加了这一行断言后运行,发现测试还是能够通过。如果你把导航栏的标题改为“Detail”,你会发现测试通过不了了。下面试最终的测试代码,加了一些解释行为的注释。

test 1

Test 2 - 确保 switch 的状态为 on 时,导航可以正常工作

第二个测试前面的非常相似,我们就不细讲了。唯一的区别是switch是可用状态,所以应用会加载详细页面到屏幕上。XCTAssertEqual 方法来验证是否正确。

code 2

Test 3 - 确保增长按钮确实增加了标签的值

在这个测试中,我们要验证点击了增长按钮,标签的值是否会加1.前两行代码和前面的例子很像,我们复制过来。

let app = XCUIApplication()

// Tap the view detail button to open the detail page.

app.buttons["View Detail"].tap()

下一步我们要得到button,我们将多点击几下。所以我们要把按钮作为一个变量。我们不必手写代码和 debug 他。再次录制并且点击一下 increase 的按钮,这会自动给你添加下面的代码。

app.buttons["Increment Value"].tap()

我们停止录制,把代码改成下面这样。

let incrementButton = app.buttons["Increment Value"]

这种方法,让我们不必手动编写代码,同样的方式,我们获的 lable 变量。

let valueLabel = app.staticTexts["Number Value Label"]

现在我们得到了能够交互的感兴趣的元素。下面这个测试中,我们测试点击10次 button 按钮,看标签的值是否随之增长。我们可以录制10遍,但既然我们得到了变量,我们可以写一个循环来测试它。

code 3

这三个测试离一个完整的测试距离甚远,但给你展示了一个很好的开始,你可以轻松的扩展开来。为什么不写一个自己的测试练习一下呢。比如去验证一下 button 是 enable 的 时候,你可以在switch 关闭的情况下导航成功呢?

当录制发生错误时

有时候你发现你在录制的时候,点击了一个元素,但是产生的代码看起来不正确。通常这是由于你的元素对于 Accessibility 是不可用的。为了确定是否是这个原因,你可以打开Xcode的Accessibility Inspector。

accessiblity inspector

一旦打开Accessibility Inspector,如果你按下CMD+F7,鼠标悬浮在元素上时,你可以在热点下面,看到完整的元素的信息。这能够在你找不到元素时给你提供一些线索。

一旦你找到问题所在,你可以打开 Interface Builder.在属性拦里找到 Accessibility 栏。他允许你设置元素的 accessibility。这是个强大的工具,设置你的图形接口的 accessibility 属性。

accessibility panel

当测试失败时

当测试失败时,如果你不确定为什么?有很多办法能够帮你修复错误。首先,你可以去测试报告里看一看。

testFailure

当你打开这个视图,将鼠标悬停在某一步上时,你会发现在方法的右面有一个小的眼睛图标。点击一下这个眼睛图标,会给你一个当时的截图,你能够清晰的看到当时你的UI的状态以便发现错误。

和单元测试一样,你可以设置断点,允许你更方便的发现问题。你可以输出UI的层次结构,元素的属性等,然后找到原因。

为什么要进行UI测试

UI自动化测试是一个很好的办法,为你在修改应用时,提高信心,并提供质量保证,。我们已经看到了,在 Xcode 中添加 UI 测试和运行是多么简单。他不仅帮助你发现问题,并且能够对有部分功能障碍的人使用你的应用提供帮助。

Xcode 的一个特别好的特性是,可以从 continuous integration server 来测试你的应用。这个可以利用 Xcode 的机器人来进行测试,并且 from the command line 意味着,如果一个测试失败,你会第一时间被通知到。

延伸阅读

想了解更多的关于UI Testing的内容,推荐你收看WWDC 2015的 session 406, [UI Testing in Xcode]. 你可能也会对阅读文档《Testing in Xcode Documentation》和《Accessibility for Developers Documentation》感兴趣。

更多内容,请移步 iOS9 Day-by-Day.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 157,298评论 4 360
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,701评论 1 290
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 107,078评论 0 237
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,687评论 0 202
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,018评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,410评论 1 211
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,729评论 2 310
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,412评论 0 194
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,124评论 1 239
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,379评论 2 242
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,903评论 1 257
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,268评论 2 251
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,894评论 3 233
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,014评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,770评论 0 192
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,435评论 2 269
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,312评论 2 260

推荐阅读更多精彩内容

  • UI测试 本文翻译自Chris Grant的《iOS9 Day-by-Day :: Day 2 :: UI Tes...
    戴维营教育阅读 922评论 1 3
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,596评论 4 59
  • 因为买苹果引发的一个事情,程总特意跑来给我们开会,会议总结如下。 1.采购部人员要体现功能性; 2.怎么才能了...
    两条腿走路的喵阅读 338评论 0 0
  • 背业务知识,话术,常见问题解答,然后考核,体验客服打电话。未来的路是考验心态的,坚持下去就会胜利,不急不躁,努力!
    超级英雄悟空阅读 224评论 0 0
  • 一个月总有那么几天,心情糟糕得好像吃了粑粑。别人以为你来了大姨妈,其实我只是一个月来了两次大姨妈,这次是心理大姨妈...
    远欣阅读 362评论 0 1