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 命令。執行結果以下：