上一篇 - 使用 Macaca 做前端组件测试

在本文来介绍一些实践，如何用 Macaca 测试手机原生浏览器的网页。

安装

$ cnpm i macaca-cli -g

安装部分，这篇文章已详细说明过，本文不再赘述。

配置项

var iOSSafariOpts = {
  platformVersion: '9.3',
  deviceName: 'iPhone 5s',
  platformName: 'iOS',
  browserName: 'Safari'
};

var AndroidChromeOpts = {
  platformName: 'Android',
  browserName: 'Chrome'
};

直接配置好 iOS 或 Android 平台，指定浏览器即可。

运行效果

执行如下的命令，就可以运行所有类型的测试。

$ make test-ios             Test sample for iOS
$ make test-ios-safari      Test sample for iOS Safari
$ make test-android         Test sample for Android
$ make test-android-chrome  Test sample for Android Chrome
$ make test-pc              Test sample for PC

iOS 效果如下：

Android 效果如下：

用例源码

源代码做个示例，欢迎大家拉下来在本地实践。

欢迎讨论，互相学习。

微博: http://weibo.com/xudafeng
Github: https://github.com/xudafeng

下一篇 - 使用 Travis 做多平台持续集成