学习目标

使用 selenium-webdriver 驱动 Chrome 浏览器做 web UI 自动化测试

前提条件

• 安装 node.js
• 安装 cnpm（nodejs 的某些第三方类库在国外服务器上下载不了。可以借助国内阿里云提供的镜像地址下载 安装方式 https://npm.taobao.org/）
• 下载最新版的 Chrome 浏览器

操作步骤

1. 本地新建一个目录，可以任意命名，eg：命名为 0101chrometest bash $  mkdir 0101chrometest  
2. 进入 0101chrometest 目录，执行 npm init -y 创建一个新的项目 ```bash $ cd 0101chrometest/ $ npm init -y  .... {

  "name":"0101chrometest",

  "version":"1.0.0",

  "description":"",

  "main":"index.js",

  "scripts": {

    "test":"echo \"Error: no test specified\" && exit 1"

  },

  "keywords": [],

  "author":"",

  "license":"ISC"

}
npm info initwritten successfully
npm info ok

3. 安装selenium-webdriver，chromedriver, 执行 

```plain
cnpm install selenium-webdriver chromedriver --save

 4.新建一个脚本脚本文件 index.js 编写代码

// 引入selenium-webdriver
let webdriver = require('selenium-webdriver')
let By = webdriver.By

let assert = require('assert')

// 创建一个chrome浏览器
let drvier = new webdriver.Builder().forBrowser('chrome').build()

// 打开百度
drvier.get('https://www.baidu.com')

// 找到百度搜索输入框
drvier.findElement(By.id('kw')).then(searchInput => {
    searchInput.sendKeys("hello world")
})

执行脚本

运行命令 即可看到自动打开 Chrome 浏览器并运行导航到 百度首页

node index.js

其它参考:
原文地址：https://mp.weixin.qq.com/s/FXCwXZHiOqKV4j7nKDyfAQ
加 QQ 群 707467292，参与 Node.JS + Cucumber 技术的讨论。