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