UI Tests是什么?pvYHTML5中文学习网 - HTML5先行者学习网
UI Tests是一个自动测试UI与交互的Testing组件pvYHTML5中文学习网 - HTML5先行者学习网
UI Tests有什么用?pvYHTML5中文学习网 - HTML5先行者学习网
它可以通过编写代码、或者是记录开发者的操作过程并代码化,来实现自动点击某个按钮、视图,或者自动输入文字等功能。pvYHTML5中文学习网 - HTML5先行者学习网
UI Tests的重要性pvYHTML5中文学习网 - HTML5先行者学习网
在实际的开发过程中,随着项目越做越大,功能越来越多,仅仅靠人工操作的方式来覆盖所有测试用例是非常困难的,尤其是加入新功能以后,旧的功能也要重新测试一遍,这导致了测试需要花非常多的时间来进行回归测试,这里产生了大量重复的工作,而这些重复的工作有些是可以自动完成的,这时候UI Tests就可以帮助解决这个问题了。pvYHTML5中文学习网 - HTML5先行者学习网
使用方法pvYHTML5中文学习网 - HTML5先行者学习网
第一步:添加UI TestspvYHTML5中文学习网 - HTML5先行者学习网
如果是新项目,则创建工程的时候可以直接勾选选项,如下图pvYHTML5中文学习网 - HTML5先行者学习网

如果是已有的项目,可以通过添加target的方式添加一个UI Tests,点击xcode的菜单,找到target栏pvYHTML5中文学习网 - HTML5先行者学习网

在Test选项中选择Cocoa Touch UI Testing BundlepvYHTML5中文学习网 - HTML5先行者学习网

这时候test组件添加成功,它在项目中的位置如下图所示pvYHTML5中文学习网 - HTML5先行者学习网

第二步:创建测试代码pvYHTML5中文学习网 - HTML5先行者学习网
手动创建测试代码pvYHTML5中文学习网 - HTML5先行者学习网
打开测试文件,在testExample()方法中添加测试代码pvYHTML5中文学习网 - HTML5先行者学习网

如果不知道如何写测试代码,则可以参考自动生成的代码样式pvYHTML5中文学习网 - HTML5先行者学习网
自动生成测试步骤pvYHTML5中文学习网 - HTML5先行者学习网
选择测试文件后,点击录制按钮pvYHTML5中文学习网 - HTML5先行者学习网

这时候开始进行操作,它会记录你的操作步骤,并生成测试代码pvYHTML5中文学习网 - HTML5先行者学习网
下图就是在一些操作后自动生成的测试代码pvYHTML5中文学习网 - HTML5先行者学习网

这时候可以分析测试代码的语法,以便你自己手动修改或者手写测试代码pvYHTML5中文学习网 - HTML5先行者学习网
开始测试pvYHTML5中文学习网 - HTML5先行者学习网
点击testExample方法旁边的播放按钮,它就开始进行自动测试了,这时候你会看到app在自动操作pvYHTML5中文学习网 - HTML5先行者学习网

下面介绍一下测试元素的语法pvYHTML5中文学习网 - HTML5先行者学习网
XCUIApplication:pvYHTML5中文学习网 - HTML5先行者学习网
继承XCUIElement,这个类掌管应用程序的生命周期,里面包含两个主要方法pvYHTML5中文学习网 - HTML5先行者学习网
launch():pvYHTML5中文学习网 - HTML5先行者学习网
启动程序pvYHTML5中文学习网 - HTML5先行者学习网
terminate():pvYHTML5中文学习网 - HTML5先行者学习网
终止程序pvYHTML5中文学习网 - HTML5先行者学习网
XCUIElement:pvYHTML5中文学习网 - HTML5先行者学习网
继承NSObject,实现协议XCUIElementAttributes, XCUIElementTypeQueryProviderpvYHTML5中文学习网 - HTML5先行者学习网
可以表示系统的各种UI元素pvYHTML5中文学习网 - HTML5先行者学习网
exist:pvYHTML5中文学习网 - HTML5先行者学习网
可以让你判断当前的UI元素是否存在,如果对一个不存在的元素进行操作,会导致测试组件抛出异常并中断测试pvYHTML5中文学习网 - HTML5先行者学习网
descendantsMatchingType(type:XCUIElementType)->XCUIElementQuery:pvYHTML5中文学习网 - HTML5先行者学习网
取某种类型的元素以及它的子类集合pvYHTML5中文学习网 - HTML5先行者学习网
childrenMatchingType(type:XCUIElementType)->XCUIElementQuery:pvYHTML5中文学习网 - HTML5先行者学习网
取某种类型的元素集合,不包含它的子类pvYHTML5中文学习网 - HTML5先行者学习网
这两个方法的区别在于,你仅使用系统的UIButton时,用childrenMatchingType就可以了,如果你还希望查询自己定义的子Button,就要用descendantsMatchingTypepvYHTML5中文学习网 - HTML5先行者学习网
另外UI元素还有一些交互方法pvYHTML5中文学习网 - HTML5先行者学习网
tap(): 点击pvYHTML5中文学习网 - HTML5先行者学习网
doubleTap(): 双击pvYHTML5中文学习网 - HTML5先行者学习网
pressForDuration(duration: NSTimeInterval): 长按一段时间,在你需要进行延时操作时,这个就派上用场了pvYHTML5中文学习网 - HTML5先行者学习网
swipeUp(): 这个响应不了pan手势,暂时没发现能用在什么地方,也可能是beta版的bug,先不解释pvYHTML5中文学习网 - HTML5先行者学习网
typeText(text: String): 用于textField和textView输入文本时使用,使用前要确保文本框获得输入焦点,可以使用tap()函数使其获得焦点pvYHTML5中文学习网 - HTML5先行者学习网
XCUIElementAttributes协议pvYHTML5中文学习网 - HTML5先行者学习网
里面包含了UIAccessibility中的部分属性pvYHTML5中文学习网 - HTML5先行者学习网
如下图pvYHTML5中文学习网 - HTML5先行者学习网

可以方便你查看当前元素的特征,其中identifier属性可用于直接读取元素,不过该属性在UITextField中有bug,暂时不清楚原因pvYHTML5中文学习网 - HTML5先行者学习网
XCUIElementTypeQueryProvider协议pvYHTML5中文学习网 - HTML5先行者学习网
里面包含了系统中大部分UI控件的类型,可通过读属性的方式取得某种类型的UI集合pvYHTML5中文学习网 - HTML5先行者学习网
部分属性截图如下pvYHTML5中文学习网 - HTML5先行者学习网

创建DemopvYHTML5中文学习网 - HTML5先行者学习网
首先创建一个登录页面pvYHTML5中文学习网 - HTML5先行者学习网

点击login按钮进行登录验证,点击clear按钮会清除文本pvYHTML5中文学习网 - HTML5先行者学习网
登录成功后可以去到个人信息页面pvYHTML5中文学习网 - HTML5先行者学习网
个人信息页面如下pvYHTML5中文学习网 - HTML5先行者学习网

点击modify按钮可以修改个人信息,点击Message按钮可以查看个人消息pvYHTML5中文学习网 - HTML5先行者学习网
最后是消息界面pvYHTML5中文学习网 - HTML5先行者学习网

登录页面的测试pvYHTML5中文学习网 - HTML5先行者学习网
输入一个错误的账号pvYHTML5中文学习网 - HTML5先行者学习网
验证结果pvYHTML5中文学习网 - HTML5先行者学习网
关闭警告窗pvYHTML5中文学习网 - HTML5先行者学习网
清除输入记录pvYHTML5中文学习网 - HTML5先行者学习网
输入一个正确的账号pvYHTML5中文学习网 - HTML5先行者学习网
验证结果pvYHTML5中文学习网 - HTML5先行者学习网
进入个人信息页面pvYHTML5中文学习网 - HTML5先行者学习网
测试代码如下:pvYHTML5中文学习网 - HTML5先行者学习网
func testLoginView() {pvYHTML5中文学习网 - HTML5先行者学习网
let app = XCUIApplication()pvYHTML5中文学习网 - HTML5先行者学习网
// 由于UITextField的id有问题,所以只能通过label的方式遍历元素来读取pvYHTML5中文学习网 - HTML5先行者学习网
let nameField = self.getFieldWithLbl("nameField")pvYHTML5中文学习网 - HTML5先行者学习网
if self.canOperateElement(nameField) {pvYHTML5中文学习网 - HTML5先行者学习网
nameField!.tap()pvYHTML5中文学习网 - HTML5先行者学习网
nameField!.typeText("xiaoming")pvYHTML5中文学习网 - HTML5先行者学习网
}pvYHTML5中文学习网 - HTML5先行者学习网
let psdField = self.getFieldWithLbl("psdField")pvYHTML5中文学习网 - HTML5先行者学习网
if self.canOperateElement(psdField) {pvYHTML5中文学习网 - HTML5先行者学习网
psdField!.tap()pvYHTML5中文学习网 - HTML5先行者学习网
psdField!.typeText("1234321")pvYHTML5中文学习网 - HTML5先行者学习网
}pvYHTML5中文学习网 - HTML5先行者学习网
// 通过UIButton的预设id来读取对应的按钮pvYHTML5中文学习网 - HTML5先行者学习网
let loginBtn = app.buttons["Login"]pvYHTML5中文学习网 - HTML5先行者学习网
if self.canOperateElement(loginBtn) {pvYHTML5中文学习网 - HTML5先行者学习网
loginBtn.tap()pvYHTML5中文学习网 - HTML5先行者学习网
}pvYHTML5中文学习网 - HTML5先行者学习网
// 开始一段延时,由于真实的登录是联网请求,所以不能直接获得结果,demo通过延时的方式来模拟联网请求pvYHTML5中文学习网 - HTML5先行者学习网
let window = app.windows.elementAtIndex(0)pvYHTML5中文学习网 - HTML5先行者学习网
if self.canOperateElement(window) {pvYHTML5中文学习网 - HTML5先行者学习网
// 延时3秒, 3秒后如果登录成功,则自动进入信息页面,如果登录失败,则弹出警告窗pvYHTML5中文学习网 - HTML5先行者学习网
window.pressForDuration(3)pvYHTML5中文学习网 - HTML5先行者学习网
}pvYHTML5中文学习网 - HTML5先行者学习网
// alert的id和labe都用不了,估计还是bug,所以只能通过数量判断pvYHTML5中文学习网 - HTML5先行者学习网
if app.alerts.count > 0 {pvYHTML5中文学习网 - HTML5先行者学习网
// 登录失败pvYHTML5中文学习网 - HTML5先行者学习网
app.alerts.collectionViews.buttons["确定"].tap()pvYHTML5中文学习网 - HTML5先行者学习网
let clear = app.buttons["Clear"]pvYHTML5中文学习网 - HTML5先行者学习网
if self.canOperateElement(clear) {pvYHTML5中文学习网 - HTML5先行者学习网
clear.tap()pvYHTML5中文学习网 - HTML5先行者学习网
if self.canOperateElement(nameField) {pvYHTML5中文学习网 - HTML5先行者学习网
nameField!.tap()pvYHTML5中文学习网 - HTML5先行者学习网
nameField!.typeText("sun")pvYHTML5中文学习网 - HTML5先行者学习网
}pvYHTML5中文学习网 - HTML5先行者学习网
if self.canOperateElement(psdField) {pvYHTML5中文学习网 - HTML5先行者学习网
psdField!.tap()pvYHTML5中文学习网 - HTML5先行者学习网
psdField!.typeText("111111")pvYHTML5中文学习网 - HTML5先行者学习网
}pvYHTML5中文学习网 - HTML5先行者学习网
if self.canOperateElement(loginBtn) {pvYHTML5中文学习网 - HTML5先行者学习网
loginBtn.tap()pvYHTML5中文学习网 - HTML5先行者学习网
}pvYHTML5中文学习网 - HTML5先行者学习网
if self.canOperateElement(window) {pvYHTML5中文学习网 - HTML5先行者学习网
// 延时3秒, 3秒后如果登录成功,则自动进入信息页面,如果登录失败,则弹出警告窗pvYHTML5中文学习网 - HTML5先行者学习网
window.pressForDuration(3)pvYHTML5中文学习网 - HTML5先行者学习网
}pvYHTML5中文学习网 - HTML5先行者学习网
self.loginSuccess()pvYHTML5中文学习网 - HTML5先行者学习网
}pvYHTML5中文学习网 - HTML5先行者学习网
} else {pvYHTML5中文学习网 - HTML5先行者学习网
// 登录成功pvYHTML5中文学习网 - HTML5先行者学习网
self.loginSuccess()pvYHTML5中文学习网 - HTML5先行者学习网
}pvYHTML5中文学习网 - HTML5先行者学习网
}pvYHTML5中文学习网 - HTML5先行者学习网
这里有几个需要特别注意的点:pvYHTML5中文学习网 - HTML5先行者学习网
1. 当你的元素不存在时,它仍然可能返回一个元素对象,但这时候不能对其进行操作pvYHTML5中文学习网 - HTML5先行者学习网
2. 当你要点击的元素被键盘或者UIAlertView遮挡时,执行tap方法会抛异常pvYHTML5中文学习网 - HTML5先行者学习网
详细实现可参照demo: https://github.com/sunGd/demo/tree/master/iOS9/UITestDemopvYHTML5中文学习网 - HTML5先行者学习网
个人信息页测试pvYHTML5中文学习网 - HTML5先行者学习网
修改性别pvYHTML5中文学习网 - HTML5先行者学习网
修改年龄pvYHTML5中文学习网 - HTML5先行者学习网
修改心情pvYHTML5中文学习网 - HTML5先行者学习网
保存修改pvYHTML5中文学习网 - HTML5先行者学习网
测试代码如下:pvYHTML5中文学习网 - HTML5先行者学习网
func testInfo() {pvYHTML5中文学习网 - HTML5先行者学习网
let app = XCUIApplication()pvYHTML5中文学习网 - HTML5先行者学习网
let window = app.windows.elementAtIndex(0)pvYHTML5中文学习网 - HTML5先行者学习网
if self.canOperateElement(window) {pvYHTML5中文学习网 - HTML5先行者学习网
// 延时2秒, 加载数据需要时间pvYHTML5中文学习网 - HTML5先行者学习网
window.pressForDuration(2)pvYHTML5中文学习网 - HTML5先行者学习网
}pvYHTML5中文学习网 - HTML5先行者学习网
let modifyBtn = app.buttons["modify"];pvYHTML5中文学习网 - HTML5先行者学习网
modifyBtn.tap()pvYHTML5中文学习网 - HTML5先行者学习网
let sexSwitch = app.switches["sex"]pvYHTML5中文学习网 - HTML5先行者学习网
sexSwitch.tap()pvYHTML5中文学习网 - HTML5先行者学习网
let incrementButton = app.buttons["Increment"]pvYHTML5中文学习网 - HTML5先行者学习网
incrementButton.tap()pvYHTML5中文学习网 - HTML5先行者学习网
incrementButton.tap()pvYHTML5中文学习网 - HTML5先行者学习网
incrementButton.tap()pvYHTML5中文学习网 - HTML5先行者学习网
app.buttons["Decrement"].tap()pvYHTML5中文学习网 - HTML5先行者学习网
let textView = app.textViews["feeling"]pvYHTML5中文学习网 - HTML5先行者学习网
textView.tap()pvYHTML5中文学习网 - HTML5先行者学习网
app.keys["Delete"].tap()pvYHTML5中文学习网 - HTML5先行者学习网
app.keys["Delete"].tap()pvYHTML5中文学习网 - HTML5先行者学习网
textView.typeText(" abc ")pvYHTML5中文学习网 - HTML5先行者学习网
// 点击空白区域pvYHTML5中文学习网 - HTML5先行者学习网
let clearBtn = app.buttons["clearBtn"]pvYHTML5中文学习网 - HTML5先行者学习网
clearBtn.tap()pvYHTML5中文学习网 - HTML5先行者学习网
// 保存数据pvYHTML5中文学习网 - HTML5先行者学习网
modifyBtn.tap()pvYHTML5中文学习网 - HTML5先行者学习网
window.pressForDuration(2)pvYHTML5中文学习网 - HTML5先行者学习网
let messageBtn = app.buttons["message"]pvYHTML5中文学习网 - HTML5先行者学习网
messageBtn.tap();pvYHTML5中文学习网 - HTML5先行者学习网
// 延时1秒, push view需要时间pvYHTML5中文学习网 - HTML5先行者学习网
window.pressForDuration(1)pvYHTML5中文学习网 - HTML5先行者学习网
self.testMessage()pvYHTML5中文学习网 - HTML5先行者学习网
}pvYHTML5中文学习网 - HTML5先行者学习网
这里需要特别注意以下两点:pvYHTML5中文学习网 - HTML5先行者学习网
1. textview获取焦点时无法选择焦点的位置pvYHTML5中文学习网 - HTML5先行者学习网
2. tap事件的触发位置是view的中心,所以当view的中心被遮挡时,要考虑使用其他view来代替pvYHTML5中文学习网 - HTML5先行者学习网
个人消息界面测试pvYHTML5中文学习网 - HTML5先行者学习网
单元格的点击pvYHTML5中文学习网 - HTML5先行者学习网
测试代码如下:pvYHTML5中文学习网 - HTML5先行者学习网
func testMessage() {pvYHTML5中文学习网 - HTML5先行者学习网
let app = XCUIApplication()pvYHTML5中文学习网 - HTML5先行者学习网
let window = app.windows.elementAtIndex(0)pvYHTML5中文学习网 - HTML5先行者学习网
if self.canOperateElement(window) {pvYHTML5中文学习网 - HTML5先行者学习网
// 延时2秒, 加载数据需要时间pvYHTML5中文学习网 - HTML5先行者学习网
window.pressForDuration(2)pvYHTML5中文学习网 - HTML5先行者学习网
}pvYHTML5中文学习网 - HTML5先行者学习网
let table = app.tablespvYHTML5中文学习网 - HTML5先行者学习网
table.childrenMatchingType(.Cell).elementAtIndex(8).tap()pvYHTML5中文学习网 - HTML5先行者学习网
table.childrenMatchingType(.Cell).elementAtIndex(1).tap()pvYHTML5中文学习网 - HTML5先行者学习网
}pvYHTML5中文学习网 - HTML5先行者学习网
这里需要注意一点:pvYHTML5中文学习网 - HTML5先行者学习网
1. 暂时无法获取到tableView的元素指针pvYHTML5中文学习网 - HTML5先行者学习网
总结pvYHTML5中文学习网 - HTML5先行者学习网
总的来说,UI Tests只能用于一些基础功能的测试,验证app的功能是否可以正常使用,是否存在崩溃问题。但它也有很多不足之处,编写测试用例的过程非常繁琐,自动生成的代码几乎无法运行,功能单一,很多用例无法覆盖,而且bug很多,大大地限制了UI Tests在实际开发中的应用。希望正式版出来的时候能够修复这些问题,并开放更多的功能。pvYHTML5中文学习网 - HTML5先行者学习网