有没有那么一刻,看到自动模拟用户操作界面感觉好神奇。
关于什么叫 UI 自动化测试就不解释了,基本上是你刚才脑海里想到什么就是什么。
在分层自动化测试中包括:UI 测试、集成/接口测试、单元测试。大神告诉我:UI 自动化测试在自动化测试中占比只有10%。先不用在乎具体这个比例是什么,我们关注的是实际价值,这个需要根据实际项目来判断。不过对于 UI 自动化,基本上做冒烟测试用例的自动化就差不多了,从 UI 上来验证主业务流程的稳定性,同时降低一些维护成本。
今天我们来聊聊 WebdriverIO,WebdriverIO 是 Webdriver Node.js 模块,API 非常丰富,同时支持 Mobile,不过说到 Webdriver 那就需要先了解一下 Selenuim 的发展过程,这里就不装逼了,有兴趣的可以到官方网站瞅瞅。
WebdriverIO 有两种使用模式,一种是 Standalone Mode,一种是 WDIO。官方其实是推荐使用 WDIO,大概几个原因:
调试方便
多模块并行测试
命令的执行都是同步的,直接通过变量接收结果,不用像 Standalone Mode 执行一个异步操作然后 then…then…
提供配置文件,使测试参数的配置更简单
下面开始我们的项目:
项目搭建条件:
- 安装 JDK
- 安装 Node.js
- 安装 webdriverio
- 安装 selenium-standalone
- 安装 wdio
- 安装 mocha,测试框架
- 安装 chai,诊断库
目录结构:
package.json:
1 | "devDependencies": { |
关于 wdio-spec-reporter、allure-commandline、wdio-allure-reporter 不一定全需要安装。
selenium-standalone 包安装成功后需要执行以下命令来安装各浏览器 driver,详细说明戳这里: selenium-standalone,install的过程中可能会遇到问题,建议翻墙试试1
selenium-standalone install
安装成功后,执行以下命令就可以启动 selenium-server:1
selenium-standalone start
wdio 配置文件:
1 | var config = require('./config'); |
登录测试用例:
1 | describe('login-test', function () { |
方法注册与调用说明:
1 | // 可以通过 browser.checkInviteSuccess()调用 |
执行测试:
控制台A1
npm run selenium //启动selenium-server
控制台B1
npm run test //执行test
生成测试报告:
1 | npm run allure |
总结:
WebdriverIO 的命令上面提到的只是很小一部分,有兴趣赶快玩起来;
describe、it 都是 Mocha 内提供的方法,单条用例的调试可以使用 it.only,单个 describe 可以 describe.only,关于 Mocha 介绍戳这里 Mocha;
Chai 提供 BDD(行为驱动开发) 断言风格和 TDD(测试驱动开发) 断言风格,关于 Chai 介绍戳这里 Chai;
有时候不用非要断言来验证用例是否正确执行,像上面的登录的用例中,waitForExist 的元素是登录成功后才可以看见,所以这样也是可以代表成功的;