e2e 自动化集成测试 环境搭建 Node.js Selenium WebDriverIO Mocha Node-Inspector

Node.js已经出来了许多年载，至今才开始接触。周未在家闲来无事，一时心血来潮，Google了大量的文章，经过实验，终于可以把整个环境给搭起来， 废话不多话，请看步骤。

特别注意， 本文章是针对Windows 平台，其它平台，暂未研究

主要内容有：

• 1，Java JDK安装

  2， Node.js 安装

  3， Visual Studio Node.js 插件安装

  4,  Selenium 服务独立包安装

  5，各种浏览器EXE运行程序安装

  6，第一个例子（WebDriverIO，与Mocha安装）

 

1，Java JDK安装

      1.1 从http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html   中下载jdk-8u20-windows-x64.exe 安装包并安装好。

      1.2 设置 Java的环境变量， 系统=》高级系统设置=》系统变量，添加 变量名 “JAVA_HOME”， 变量值 “C:\Program Files\Java\jdk1.8.0_20”  

      1.3 将Java_Home添加到Path 的变量值中, 将 “%JAVA_HOME%\bin;” 放到Path的最前面。 

2， Node.js 

       1.1 从http://nodejs.org/download/ 下载node-v0.10.32-x64.msi ，并安装。

       1.2 设置环境变量NODE_PATH 

        1.3,将NODE_PATH添加到设置Path, 

3， Visual Studio 2013 Node.js 插件安装（可选）

       1.1 从https://nodejstools.codeplex.com/releases/view/114437 下载Visual Studio 2013的插件 NTVS 1.0 Alpha VS 2013.msi 。 安装时，请将当前的Visual Studio 全都关闭掉。

       

4,   Selenium 服务独立包安装

      1.1 从http://down.51cto.com/data/1648899  下载 Selenium-server-standalone-2.42.2.jar，放到一个目录下就行。不要安装。这是一个Java包。

      1.2 运行命令  java -jar  D:\Tech\Selenium\selenium-server-standalone-2.42.2.jar， 注意， 窗口不要关闭，放着它。 

5，各种浏览器EXE运行程序安装

      1.1 从http://chromedriver.storage.googleapis.com/index.html?path=2.7/  下载Chrome的驱动 chromedriver.exe , 将其到一个目录中。当然还有其它浏览器的驱动， 如FireFox, IE等的。可以去网络上下载

      1.2 设置BrowserDrivers 环境变量 

      1.2 将BrowserDrivers 添加到Path变量值中。

6，（WebDriverIO，与Mocha安装）

      如了到此，所有的手动安装的东东都已经准备好了。开始我们的第一个例子吧。

      目前有许多的IDE来开发Node.js， 其中就有微软的Visual Studio, 当前 ， 你可以使用原生态的CMD 命令来完成。

      1.1 打开Visual Studio, 新建一个Node.js 的控告台工程

   1.2 安装Mocha 作为全局的模块， 右击“npm” =>  选择Mange npm Modules, 安装Mocha到全局中。

当前也可以使用CMD来执行，如

1.3， 安将WebDriverIO, 

当然也可以使用CMD命令如下：

6， 第一个例子（JD， 查看Lumia 1520）

将app.js(如果不是使用Visual Studio的， 需要大家在当前目录下，创建一个js文件， 文件名随便叫)，内容如下

var webdriverjs = require('webdriverio');
var assert = require('assert');

describe('百度测试', function () {
this.timeout(99999999);
var client = {};

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

it('搜索 Node.js', function (done) {
try {

client
.url('http://www.jd.com/')
.timeoutsAsyncScript(10000)
.timeoutsImplicitWait(10000)
.click('#key')
.pause(3000)
.timeoutsAsyncScript(10000)
.timeoutsImplicitWait(10000)
.setValue('#key', 'lumia 1520')
.click('#key+.button')
.pause(3000)
.timeoutsAsyncScript(10000)
.timeoutsImplicitWait(10000)
.getText('div.mt h1', function (err, text) {
console.log(text);

assert(text, 'lumia 1520 商品筛选');

})
.call(done);

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

});

after(function (done) {

client.end(done);
});
});

 

在， CMD下，执行 mocha app.js 命令。执行结果如下：