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

时间:2022-09-18 06:47:33

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

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

主要内容有:

  • 1,Java JDK安装

    2, Node.js 安装

    3, Visual Studio Node.js 插件安装

    4,  Selenium 服务独立包安装

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

    6,第一个例子(WebDriverIO,与Mocha安装)

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

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”  e2e 自动化集成测试 环境搭建 Node.js Selenium WebDriverIO Mocha Node-Inspector

1.3 将Java_Home添加到Path 的变量值中, 将 “%JAVA_HOME%\bin;” 放到Path的最前面。 e2e 自动化集成测试 环境搭建 Node.js Selenium WebDriverIO Mocha Node-Inspector

2, Node.js

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

1.2 设置环境变量NODE_PATH e2e 自动化集成测试 环境搭建 Node.js Selenium WebDriverIO Mocha Node-Inspector

1.3,将NODE_PATH添加到设置Path, e2e 自动化集成测试 环境搭建 Node.js Selenium WebDriverIO Mocha Node-Inspector

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 环境变量 e2e 自动化集成测试 环境搭建 Node.js Selenium WebDriverIO Mocha Node-Inspector

1.2 将BrowserDrivers 添加到Path变量值中。e2e 自动化集成测试 环境搭建 Node.js Selenium WebDriverIO Mocha Node-Inspector

6,(WebDriverIO,与Mocha安装)

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

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

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

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

1.2 安装Mocha 作为全局的模块, 右击“npm” => e2e 自动化集成测试 环境搭建 Node.js Selenium WebDriverIO Mocha Node-Inspector 选择Mange npm Modules, 安装Mocha到全局中。

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

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

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

1.3, 安将WebDriverIO,

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

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

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

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 命令。执行结果如下:

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