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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM