• 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 FilesJavajdk1.8.0_20”  

          1.3 将Java_Home添加到Path 的变量值中, 将 “%JAVA_HOME%in;” 放到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:TechSeleniumselenium-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 命令。执行结果如下:

  • 相关阅读:
    无聊死了,救我
    人间奇事:什么都涨,就工资不涨
    关于Javascript Hijacking
    参考答案:关注成本和投资回报率
    IE中一个值得关注的JS问题
    100%高度的div(转载)
    维基百科开放拉
    乱弹:出名、中医、程序
    Javascript的for...in语句在IE和Firefox的差异
    真实案例:给所有想要创业的朋友的一个管理方面的测试题
  • 原文地址:https://www.cnblogs.com/Stephending/p/3988069.html
Copyright © 2020-2023  润新知