e2e 自动化集成测试 架构 实例 WebStorm Node.js Mocha WebDriverIO Selenium Step by step （一） 京东 商品搜索

　　以前有发布一篇文章“e2e 自动化集成测试 环境搭建 Node.js Selenium WebDriverIO Mocha Node-Inspector”, 主要是讲了，如何搭建环境， 其中开发环境使用的是微软的Visual Studio， 使用以后， 我发现，其它并不怎么好用， 发面收费版的WebStorm对于开发Node.js实际上是更为方便。 建议使用WebStorm来做为开发环境。 能够试用30天，固然你能够得到License， 方法你懂的。。。

前言

Node.js是开源的，基于Javascript，跨平台，高效，且提供丰富的资源的开放平台， 使用它不单单能够开发出高性能高并发的系统， 同时可使用它，能够替代Load Runner， JMeter等自行化测试工具， Load Runer，收费，且不易使用。若有网页调整，其测试脚本也须要调整。 对于JMeter,对于初学者来讲， 由其是对黑盒测试来讲，使用它来作系统级的自动化测试是，学习成本很是高， 且不易使用。

Selenium服务，

也就是咱们运行的 java -jar Selenium-server-standalone-2.42.2.jar， 这个服务须要一直开着，它会去调用咱们在Path环境变量下的浏览器的驱动程序chromedriver.exe，或是其它的如IE

WebDriverIO 模块

咱们可使用WebDriverIO做为Selenium服务的客户端， 能够给该服务发送各类浏览器的操做指令。你们能够看控制台Selenium输出的日志记录。

Mocha 测试框架

这个相似于Nunit Framework， 同样， 都通一些测试步骤。

建立项目

1，建立项目

 

肯定，配置结束

2， 安装WebdriverIo 框架

3，京东商品搜索测试

    建立js文件D:\Projects\NodeJs\JD_Nodejs_e2e_Sample\TestCase\JD_Product_Search_TestCase.js， 内容以下：

/**
* Created by Administrator on 10/22/2014.
*/
var assert = require('assert');
var webdriverjs = require('webdriverio');
var browser = {};
describe('JD Product Search', function () {
this.timeout(99999999);

before(function (done) {

browser = webdriverjs.remote({ desiredCapabilities: { browserName: 'chrome', IsJavaScriptEnabled: true } });
browser.init(done);
});

it('Product Search Check', function (done) {
try {
console.log('Begin: Product Search Check');

browser
.url('http://jd.com')
.setValue('#key', '诺基亚（NOKIA） Lumia 1520 3G手机（黄色） WCDMA/GSM')
.pause(5000)
.click('input[class="button"]')
.pause(3000)
.getText('.J_1006105', function(err, text){

if(err) throw err;
console.log('获得结果' +text);
assert(text.indexOf('2899.00') > -1)

done();
})
;

}
catch (e) {
console.log(e);
}

});

after(function (done) {
done();
});
});

这些url, setValue, pause, click, getText。。。都是一些咱们真实如何去操做一个网页的步骤。 详细能够参考官网： http://webdriver.io/api.html

这些方法， 引号部分，就是对应jQuery的选择器selector 参考http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp， 对此， webdriverIO也有一些解释和不支持如 http://webdriver.io/guide/usage/selectors.html， contains不支持， first也不支持， 不过在后续的升级中会增长。

4， 执行效果：

方法1，是能够按照上面的方法来执行你的测试脚本。

方法2，手动，打入  mocha testcase/JD_Product_Search_TestCase，以下图

好了这个例子结果， 原本想第一例子，使用JD 的登陆，以下 ：

it('Login Check', function (done) {
try {
console.log('Begin: Login Check');

browser
.url('https://passport.jd.com/new/login.aspx')
.setValue('#loginname', 'username')
.setValue('#nloginpwd', 'password')
.click('#loginsubmit')
.pause(2000)
.getText('#loginbar', function(err, text){

if(err) throw err;
console.log('获得结果' +text);
assert(text.indexOf('xinereimzhi') > -1)

done();
})
;

}

 

catch (e) {
console.log(e);
}

});

 

可是结果发现， 只能登陆一次， 再次的话就要输入 验证码， 关于验证码的识别 请看第二篇文章